블로그 본문에 트위터 RT 버튼 삽입하기

blogtip posted by Ann_


제 글들이 뭐 그닥 유익하지는 않지만..
그래도 RT(retweet) 해줬으면 하는 바램이 없지는 않아요..ㅎㅎ
그래서 오른쪽에 있는 저 녀석을 삽입해봤어요..


RT를 유도하는 버튼은 Tweetmeme, Backtype 크게 2가지 종류가 있어요..
jwmx님의 블로그에 그 차이점은 잘 설명이 되어있구요~
물론 이쁘면 좋겠지만..그래도 다른 분들이 RT하기 편했음 해서 전 Backtype을 선택했어요^^



http://www.backtype.com 에서는 트위터에 대한 여러 위젯을 지원하고 있구요..
아래 이미지처럼 본인 블로그의 URL을 검색하면..







이렇게 블로그의 글이 얼마나 트위터에 옮겨졌는지 나온답니다
(RT 모두 감사드려요^^)


이번 포스팅에서는 몇가지 위젯 중에서 RT버튼 활용하는 방법을 알려드릴게요..

기본 소스는 http://www.backtype.com/widgets/tweetcount 에서 제공됩니다..!




▶ 기본 제공

<script type="text/javascript">
    tweetcount_url = 'http://blog.backtype.com/2009/04/backtype-connect-wordpress-plugin/';
    tweetcount_title = 'Tweetcount Widget';
    tweetcount_src = 'RT @BackType:';
    tweetcount_via = false;
    tweetcount_links = true;
    tweetcount_size = 'small';
    tweetcount_background = 'FFFFFF';
    tweetcount_border = 'CCCCCC';
    tweetcount_api_key = '5c3bba3f5d77a46a13453091e36dc1cde4335e9299a1edeeaa3c31d193b33fda';
</script>
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>




이 소스는 말그대로 기본소스여서 원하시는 블로그에 맞게 수정해주셔야해요~
또한 본인 트윗 아이디로 RT가 되게끔 수정해주셔야하구요^^




▶ 수정

<table align="right" border="0" cellpadding="0" cellpacing="0"><te><td>
<!-- RT버튼을 본문 글 안에 정렬 / left or right 선택 -->
    <script type="text/javascript">
        tweetcount_url = 'http://annt.co.kr[$$_article_rep_link_##]';
        <!-- 본인 블로그 주소로 변경 / $을 #로 바꿔서 적용 -->

        tweetcount_title = 'Tweetcount Widget';
        tweetcount_src = 'RT @thewinii:'; <!-- 본인 트윗 아이디 -->
        tweetcount_via = false;
        tweetcount_links = true;
        tweetcount_size = 'small';
        tweetcount_background = 'FFFFFF';
        tweetcount_border = 'CCCCCC';
        tweetcount_api_key = '5c3bba3f5d77a46a13453091e36dc1cde4335e9299a1edeeaa3c31d193b33fda';
        
<!-- 삭제 -->
    </script>

    <script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>
</td></tr></table>



이 소스를

<div class="article"></div> 사이에 삽입해주면 끝!!


색상은 원하시는대로 바꿔주세요..저는 기본제공되는 색상이 맘에 들어서 그냥 사용할래요~

도움이 많이 되셨다면 본문 상단 오른쪽에 RT 한번 눌러주세요^^ㅎㅎ


저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License

  1. Favicon of http://shine.tistory.com BlogIcon 샘쟁이 at 2010/07/28 15:06

    좋은 정보 공유해주셔서 감사합니다. ^^

  2. Favicon of http://sasi.tistory.com BlogIcon Liebesleid at 2010/08/16 07:18

    제가 태그엔 무지해서 블로그 꾸미기가 쉽지 않네요..여기저기 서핑하다가 님 블로그까지 오게됐는데 스킨이 너무 마음에 드네요 .. 님 블로그와 일단 똑같이 꾸미고, 나중에 하나하나 내 스타일에 맞게 수정해가고 싶은데 스킨소스 공유해주실 수 있나요? 전부 다는 안된다면 블로그 상단 메뉴부분 꾸민거까지만이라도요 ㅡㅡ;; 만약 가능하다면 여기 님 블로그에 포스팅하거나 제 메일(seunghan0909@hanmail.net)로 보내주시면 감사하겠습니다. 첫 방문에 너무 염치없는 부탁인줄 알지만, 이렇게 글 남겨봅니다....수고하세요~^^

    • Favicon of http://annt.co.kr BlogIcon winii at 2010/08/18 17:34

      댓글 지금 봤어요^^

      우선 저는 [Letter Box] 스킨을 기본으로 사용하고 있구요~
      여기서 여기저기 손을 봤어요..ㅎㅎ
      소스를 모두 드리는건 어려울 것 같고..(너무 제 취향으로 되어있기도 하고 해서요..)
      일단 [Letter Box] 스킨을 편집해보시고 필요한 부분 문의하시면 답변 드리는건 어떨지 모르겠네요..^^

      그럼...더운 날씨 조심하세요~^^