본문 바로가기
Info&News

티스토리 블로그에 트위터 공식 tweet 버튼달기 초간단 팁 #fb

by 대청호블루스 2010. 8. 16.

트위터에서 공식 버튼이 공개돼 제 블로그 본문 상단에 달았습니다^^ 저도 태그가 점점 외계어에 가까워오고 있어 후배의 도움을 받았습니다. 그리 어려운 작업이 아니라고 해서 들여다보니 저같은 사람도 할수 있을것 같아 공유합니다. 티스토리의 경우에 한해서이며 다른 블로그도 조금만 응용하면 되겠죠?

전 세가지 스타일중 저는 가로형으로 했습니다.

자 그럼 시작해보죠. 버튼을 달기위해선 우선 아래 스크립트를 복사후 빨간부분만 자신에게 맞게 수정하세요. 복사안되면 첨부파일로~

1) 스크립트형

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<span style="height:30px;overflow-y:hidden;display:inline-block;">
<a href="http://twitter.com/share?url=자신의 블로그주소[##_article_rep_link_##]&amp;via=본인아이디&amp;text=[##_title_##] :: [##_page_title_##]" class="twitter-share-button">Tweet</a>
</span>


2) iframe 형

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url=자신의 블로그주소[##_article_rep_link_##]&amp;via=본인아이디&amp;text=[##_title_##] :: [##_page_title_##]" style="width:100px;height:30px;"></iframe>




그다음엔 티스토리 블로그의 관리자페이지에서 스킨>html/css편집에서 skin.html을 찾으세요.

여기서 원하는 위치를 찾아 넣어주면 됩니다. 제 블로그는 본문 시작되는곳에 넣었습니다. 그림의 위치를 참조해주세요

이상입니다. 너무 간단했나요?


덧)
스크립트형이 스킨의 종류에 따라 IE 브라우저에서 스크립트 오류가 있습니다.
원인을 찾다가 귀차니즘과 졸음 때문에 포기!!
그래서 iframe 으로 하는 것을 추가 했습니다.

아래 참고 링크가면 더 많은 정보를 얻을 수 있으니 꼭 방문해 보세여~



참조 사이트 
http://dev.twitter.com/pages/tweet_button 
http://twitter.com/goodies/tweetbutton