rss 아이콘 이미지

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

Info&News 2010.08.16 23:00 Posted by 꼬치 Share |

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

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

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

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

댓글을 달아 주세요

  1. 한석규 2010.08.17 07:17  댓글주소  수정/삭제  댓글쓰기

    좋은 글 감사드립니다^^ 좋은 하루 보내세요^^

  2. 불탄 2010.08.17 10:40  댓글주소  수정/삭제  댓글쓰기

    저도 한번 달아볼까 싶네요. 편한 시간에 한번 시도해 보도록 하겠습니다. ^^

  3. 들꽃 2010.08.19 09:31  댓글주소  수정/삭제  댓글쓰기

    진심으로 감사 드려야 하는데,,
    주변머리 없는제가,,부족 함니다,
    요즘 고추를 수확 하느라 몸이 몇개 되었으면 좋겠어요,
    대전에 꼭 갈게요,

    트위터,,공부해야 하는데,,아직 블로그도 초보라서,
    유용한 자료, 다음에라도 잘 이용 할게요, 담아 ㄷ어야 겟습니다,
    정말 감사 함니다,

  4. 팜앤팜 2010.08.19 19:40  댓글주소  수정/삭제  댓글쓰기

    블로그가 좀 익숙해진 후에 시도해볼렵니다.^^*

  5. SOM 2010.08.22 11:52  댓글주소  수정/삭제  댓글쓰기

    좋은 정보인걸요~
    감사합니다...^^

  6. 와이닷 2010.08.30 11:51  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다. 덕분에 트위터와 페북 좋아요 버튼 블로그에 달았답니다. 감사합니다. ^^

  7. 2proo 2010.08.31 01:02 신고  댓글주소  수정/삭제  댓글쓰기

    앗 좋은 정보 감사합니다. 이건 트위터 홈페이지에서 지원해주는 서비스네요.
    오우... 감사합니다~~

  8. 블러드스톤 2012.10.13 23:08 신고  댓글주소  수정/삭제  댓글쓰기

    아 정말 이것떄문에 어찌나 헤맸던지.. 정말 감사합니다! 방금 트위터 달았어요~!