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

블로그 |2012. 10. 30. 10:27
반응형


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

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

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


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



공감♥를 눌러주세요! 큰 격려가 됩니다.
파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.

댓글()
  1. Favicon of http://vipblogger.tistory.com BlogIcon SHINY 2012.10.31 13:47 댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다. ^^ 요즘에 트위터가 업데이트 되어서 트위터 버튼을 도무지 찾을 수가 없었는데
    주소 링크 달아주셔서 덕분에 유용하게 사용할 수 있겠어요. :)