제목 바로 아래 왼쪽에 트윗단추, 오른쪽에 구글추천단추 나란히 넣는 방법
(단, 이미 트위터와 구글플러스에 가입되어 있는 것을 전제로 한다.)
※ 주의 : 아래 연결된 곳으로 가서 직접 코드를 만들어 사용하세요. 쉽습니다. 아래 나와있는 코드는 제 계정에 맞춘 것이므로 여기 나와있는 것을 그냥 복사해서 넣는 방법은 추천하지 않습니다.
1. 트윗단추 넣기
- 트위터 단추 코드를 넣기 위해 이 곳을 방문한다.
>> https://twitter.com/about/resources/buttons#tweet
- 칸을 적절하게 채운 뒤 오른쪽 미리보기 아래에 나온 코드를 복사한다.
- 티스토리 관리>스킨수정>html수정으로 가서 제목 바로 아래에 코드를 넣는다.
<a href="https://twitter.com/share" class="twitter-share-button" data-via="fruitfulife" data-lang="ko">트윗하기</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
2. 구글추천단추 넣기
- 코드를 얻기 위해 이 곳을 방문한다.
>> http://www.google.com/intl/ko/webmasters/+1/button/index.html
- 빈 칸을 적절히 메꾼뒤 코드를 복사한다.
- 티스토리 관리>스킨수정>html수정으로 가서 트윗단추 코드 바로 아래에 넣는다.
<!-- 적절한 곳에 이 렌더링 호출을 넣습니다. -->
<script type="text/javascript">
window.___gcfg = {lang: 'ko'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<head>에 다음 코드를 넣는다.
<!-- Add the following three tags inside head -->
<meta itemprop="name" content="Title of your content">
<meta itemprop="description" content="This would be a description of the content your users are sharing">
