잠시만 기다려 주세요. 로딩중입니다.

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

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


<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가 나옵니다.

사용자 삽입 이미지
2010. 2. 5. 00:02  ·  몽키 ♡ 연구    · · ·