리트윗(Retweet) 버튼 블로그에 넣기 / 버튼 작게 넣는 방법 포함

트위터 다들 사용하시나요? 요즘 자신의 블로그에 리트윗 기능 버튼을 추가 하는 분들이 많아 보입니다. 리트윗 버튼을 추가 하고 싶은 분은 아래의 소스를 skin 소스의 원하시는 위치에 넣으시면 됩니다.

펌 금지로 해당 페이지에서 소스가 복사 안되기에 메모장으로 소스를 첨부합니다.

invalid-file

<div style="float:right; margin-left: 10px; ">
<script type="text/javascript">
tweetcount_url = 'http://블로그주소[# #_article_rep_link_##]';
tweetcount_src = 'RT@트위터 본인아이디';
tweetcount_via = false;
tweetcount_links = true;
tweetcount_size = 'large';
tweetcount_text = 'F3F4F5';
tweetcount_background = '0077bb';
tweetcount_border = 'CCCCCC';
tweetcount_short_url = false;
tweetcount_short_url = window.location.href;
</script>
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js">
</script>
</div>


블로그에 리트윗 버튼을 넣는대 제 글로 이해가 안되시는 분은 아래의 블로거님의 글을 참조해주시기 바랍니다.

내 블로그에 리트윗 Retweet 버튼 달기
트위터 사용법-티스토리에 트위터(twitter) 리트윗(retweet)버튼 넣는 방법


그런데 여기서 한가지 팁이 있습니다. 기존에 리트윗 버튼 소스를 그대로 추가하면 아래의 네모 박스로 카운터가 보이고 리트윗 텍스트가 보입니다. 하지만 위 소스에서 하나만 변경을 하면 가로로 심플하게 펼쳐지는 리트윗 버튼을 만들 수 있습니다.

위 소스에서 tweetcount_size = 'large';  에서 large를 small 로변경만 해주시면 아래외 같은 깔끔한 UI가 나옵니다.