티스토리블로그에 트윗단추+구글추천단추 나란히 넣기

2012년 10월 30일

제목 바로 아래 왼쪽에 트윗단추, 오른쪽에 구글추천단추 나란히 넣는 방법

(단, 이미 트위터와 구글플러스에 가입되어 있는 것을 전제로 한다.)

※ 주의 :  아래 연결된 곳으로 가서 직접 코드를 만들어 사용하세요. 쉽습니다. 아래 나와있는 코드는 제 계정에 맞춘 것이므로 여기 나와있는 것을 그냥 복사해서 넣는 방법은 추천하지 않습니다. 

 

 

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”>