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

Posted at 2010. 5. 18. 11:37 | Posted in 저장용/티스토리 설정
글자크게글자작게원래사이즈로

제 글들이 뭐 그닥 유익하지는 않지만..
그래도 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 한번 눌러주세요^^ㅎㅎ

//