Clockwork Orange :: 텀블러에 Retweet 단추 달기

티스토리 툴바

Daum
Tistory
로그인
웹어플, 프로그램 활용2009/08/18 00:22

서울비님의 티스토리 블로그에 Retweet 버튼 달기 포스팅을 기반으로 포스팅합니다.
텀블러는 다른 블로그와 달리 포스팅을 시작할 때부터 포스팅 유형(문자, 사진, 인용, 링크, 채팅, 음악, 동영상)을 선택해서 포스팅을 하게 되어있습니다. 그래서 Retweet 단추을 달 때도 포스팅 유형 치환자마다 단추를 달아야 각각의 포스팅을 바르게 인식하는 것 같습니다.

사용될 소스
<!-- Retweet button Start -->

<div style="float:right; margin-top: 5px; margin-right: 5px; ">
<script type="text/javascript">
    tweetcount_url = '{Permalink}';
    tweetcount_src = 'RT @Numaru';
    tweetcount_via = false;
    tweetcount_links = true;
    tweetcount_size = 'large';
    tweetcount_text = 'FFFFFF';
    tweetcount_background = 'FC7837';
    tweetcount_border = 'FFFFFF';
</script>
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>
</div>
<!-- Retweet button End -->
RB.txt

1. tweetcount_url이 티스토리에서 사용할 때는 '블로그주소+영구주소 치환자'의 형태였는데 텀블러에서는 '영구주소 치환자'인 '{Permalink}'만 씁니다.
2. tweetcount_src에 'RT @아이디'를 씁니다.
3. tweetcount_text, tweetcount_background, tweetcount_border에 각각 원하는 색상값을 입력합니다.


4.소스를 사용자에 맞게 고쳤으면 텀블러의 대시보드에서 customize-theme-Use custom HTML로 이동합니다.
5. Ctrl+f로 {block:posts}를 찾아서 이동합니다.
6. 그 밑에 있는 <div class="body text">,<div class="body photo">,<div class="body quote {Length}-quote">,<div class="body link">,<div class="body chat">,<div class="body audio">,<div class="body video"> 바로 뒤에 작성한 소스를 각각 붙여줍니다. 물론 단추를 원하지 않는 포스팅 유형은 빼주면 그 유형의 포스트엔 단추가 나오지 않습니다.


7. Update preview로 제대로 출력이 되는 것을 확인하면 저장하면 됩니다.


제 텀블러에 Retweet 단추를 적용한 예입니다. 링크나 트위트가 카운트되는 것엔 문제없이 잘 됩니다.

아직 한가지 해결 못한 부분이 있는데 특정 포스팅이 선택된 상태가 아닌 텀블러 전체화면에서 트위터로 Retweet을 했을 때 포스팅 제목으로 리트윗되는 게 아니라 텀블러 이름으로 Retweet되는 것입니다.
   

'웹어플, 프로그램 활용' 카테고리의 다른 글

불여우를 최적화시키는 11가지 방법  (8) 2009/08/19
Zyrus Dual USB 8GB 속도 측정  (1) 2009/08/18
텀블러에 Retweet 단추 달기  (0) 2009/08/18
XP Pro 64비트로 갈아 탔습니다.  (15) 2009/05/02
웹표준의 필요성을 단적으로 보여주는 사이트  (6) 2009/01/12
블로그 댓글 창 이미지 3가지  (0) 2009/01/08
TAG , , , , , , , ,
Trackback 5 Comment 0

TRACKBACK http://corange.tistory.com/trackback/167 관련글 쓰기

  1. 티스토리 블로그에 Retweet 버튼 달기 예시  삭제

    2009/08/18 06:01TRACKBACK FROM 서울비 블로그

    @Dapy님이 알려주신 정보. 찰이님의 글도 참고하면 좋음. Backtype에서 제공하는 플러그인인데, 특징은 다음과 같습니다. 1) 자신의 글을 누가 트위터에서 인용하는지 알 수 있음. 2) 간편하게 블로그 글을 트위터로 전송하는 기능(Retweet Button). 살짝 헤매서, 티스토리 사용자를 위한 예제 공유합니다. 가장 간단하게 붙이는 코드 <div style="float:right; margin-left: 10px; "> <script ty..

  2. 트위터로 간편하게 글 보낼수 있는 또다른 리트윗 버튼 - Backtype  삭제

    2009/08/18 09:28TRACKBACK FROM paperinz™

    이전 포스트에서 TweetMeme 를 이용한 웹사이트 글을 트위터로 간편하게 보낼 수 있는 리트윗 버튼 설치에 관해 소개를 했었다 그 포스트에서 PR Blah Blah 를 운영하는 찰이님께서 트랙백으로 보내주셔서 알게 된 또다른 리트윗 버튼을 소개할까 한다 본 블로그에서 자신의 블로그의 글이 어떤 트윗에 링크 되었는지 확인 할 수 있는 서비스를 소개했었는데 그 서비스도 지금 소개하는 곳에서 제공하고 있는 것이다 이번에 소개하는 Backtype 은 정..

  3. 블로그와 트위터 연동 BackType을 소개합니다.  삭제

    2009/08/18 09:33TRACKBACK FROM PR Blah Blah

    오늘은 간단하게 트위터와 블로그를 연결하고 콘텐츠를 통해 대화를 이끌어 낼수 있는 작은 팁을 드릴까 합니다. 현재 Blah Blah 블로그는 연동이 되어 있는데요. 바로 BackType(http://www.backtype.com)이라는 서비스를 통해서 구현해 보았습니다. BackType을 만든 사람은 Mike Montano와 Christopher Golda라고 합니다. 우선 BackType을 대화형 검색 엔진(Conversational search...

  4. 댓글은 이미 죽었다 - 블로그는 소셜 미디어를 주목하자  삭제

    2009/08/18 10:42TRACKBACK FROM 라이프해커

    Twitter(트위터)의 영향으로 전통적인 의미의 블로그의 댓글은 이미 현저하게 줄어들고 있다. 언제부턴가 본인도 기본상 다른 블로그에 댓글을 달지 않고 있다. 재미있거나 유용한 포스트는 Twitter나 FriendFeed 혹은 Google Reader를 통하여 공유하며 FrinedFeed와 구글 리더의 공유항목조차도 최종 트위터로 자동 전송되고 있다. 요즘 주변의 블로그들이 Backtype와 Tweetmeme위젯을 열심히 달고 있는 것을 봐도 그러..

  5. 블로그에 트위터 추천 버튼 달기  삭제

    2009/08/19 13:27TRACKBACK FROM DRCHOI BLOG

    트위터(Twitter) 나도 한 번 해볼까(트위터 초보를 위한 첫번째 이야기) 트위터나 블로그, 뉴스 사이트 등에는 많은 글들이 올라오기 때문에 일일히 다 확인할 수가 없습니다. 그래서 인기글만 추려내서 볼 수 있도록 추천방식을 많이 사용합니다. 트위터(twitter)에도 일종의 추천 방식이 있습니다. 짧은 단문이나 해당 링크에 retweet(RT) 이라는 명령어를 사용하여 자신의 트위터로 올리는 것입니다. 리트윗이 많이 될 수록 인기있는 글이라고..

댓글을 달아 주세요