내 블로그에 리트윗 Retweet 버튼 달기

최근 개인 블로그에 리트윗 Retweet 버튼이 많이 보인다. 트위터를 하다 보면 RT 를 많이 보게 되는데 내 블로그의 글이 RT 더 많이 소개되기를 원할 것이다. 블로그 방문자 중 트위터 계정이 있는 사람들이 편하게 리트윗 Retweet 할 수 있는 기능이 있어 소개하고자 한다.

자세한 내용은 아래 걸어 놓은 링크를 참고하면 되고 본인의 글에서는 BackType의 리트윗 위젯을 붙일 때 참고할 수 있는 파라미터에 대한 설명만 추가하고자 한다. BackType은 대화형 검색엔진으로 내 글이 트위터에서 얼마나 많이 소개되었는지를 확인할 수 있고, 블로그 방문자들이 쉽게 리트윗 할 수 있도록 위젯을 제공해 준다.

또한 BackType 웹사이트에서 특정한 키워드로 검색을 하면 해당 키워드를 주제로 소개가 된 트윗들을 살펴볼 수 있어 새로운 검색 서비스로 활용할 수 있다. 그래서 BackType은 대화형 검색엔진이라고 소개하고 있다. BackType에 대해서는 좀 더 관심을 가지고 지켜볼 필요가 있겠다.

O 티스토리용 코드

티스토리에 연동할 수 있는 BackType의 리트윗 코드를 소개한다.

    <div style="float:right; margin-left: 10px; ">
    <script type="text/javascript">
    tweetcount_url = 'http://rasso.co.kr[# #_article_rep_link_##]';
    tweetcount_src = 'RT @rassostudio';
    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>

위에서 빨간색 부분만 수정하면 된다. 첫번째는 자신의 블로그 주소를 입력하면 되고, # # 부분은 붙여서 쓰면 된다. 그리고 그 아래에는 자신의 트위터 계정을 쓰면 된다. 티스토리에 붙일 경우는 본문 상단이나 하단에 붙이는 것이 가장 무난한데 티스토리 관리자로 로그인 해서 "스킨 > HTML/CSS 편집"에 가서 HTML 코드 영역에서

최근 개인 블로그에 리트윗 Retweet 버튼이 많이 보인다. 트위터를 하다 보면 RT 를 많이 보게 되는데 내 블로그의 글이 RT 더 많이 소개되기를 원할 것이다. 블로그 방문자 중 트위터 계정이 있는 사람들이 편하게 리트윗 Retweet 할 수 있는 기능이 있어 소개하고자 한다.

자세한 내용은 아래 걸어 놓은 링크를 참고하면 되고 본인의 글에서는 BackType의 리트윗 위젯을 붙일 때 참고할 수 있는 파라미터에 대한 설명만 추가하고자 한다. BackType은 대화형 검색엔진으로 내 글이 트위터에서 얼마나 많이 소개되었는지를 확인할 수 있고, 블로그 방문자들이 쉽게 리트윗 할 수 있도록 위젯을 제공해 준다.

또한 BackType 웹사이트에서 특정한 키워드로 검색을 하면 해당 키워드를 주제로 소개가 된 트윗들을 살펴볼 수 있어 새로운 검색 서비스로 활용할 수 있다. 그래서 BackType은 대화형 검색엔진이라고 소개하고 있다. BackType에 대해서는 좀 더 관심을 가지고 지켜볼 필요가 있겠다.

O 티스토리용 코드

티스토리에 연동할 수 있는 BackType의 리트윗 코드를 소개한다.

    <div style="float:right; margin-left: 10px; ">
    <script type="text/javascript">
    tweetcount_url = 'http://rasso.co.kr[# #_article_rep_link_##]';
    tweetcount_src = 'RT @rassostudio';
    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>

위에서 빨간색 부분만 수정하면 된다. 첫번째는 자신의 블로그 주소를 입력하면 되고, # # 부분은 붙여서 쓰면 된다. 그리고 그 아래에는 자신의 트위터 계정을 쓰면 된다. 티스토리에 붙일 경우는 본문 상단이나 하단에 붙이는 것이 가장 무난한데 티스토리 관리자로 로그인 해서 "스킨 > HTML/CSS 편집"에 가서 HTML 코드 영역에서 앞에 위 코드를 붙여 주면 된다.

O 도움을 받은 블로거들

라이프해커님의 "댓글은 이미 죽었다"란 글을 꼭 참고하시기 바랍니다. [방 문하기]
서울비님의 블로그에 "티스토리에 블로그 달기" 코드가 있습니다. [확 인하기]
Dapy님 블로그에 "BackType"에 대한 설명이 있습니다. [공부 하기]
찰이님의 블로그에도 "BackType"에 대한 설명이 있습니다. [공부 하기]

O BackType 위젯의 파라미터 설명

파 라미터	기 본 값	설 명
tweetcount_url	현재 URL	현재 글의 URL
tweetcount_title	현재 페이지 제목	리트윗 하려고 하는 페이지 제목
tweetcount_src		리트윗 시작 문자  보통 자신의 트위트 계정을 씀  RT @RassoStudio
tweetcount_via	false	fase로 하지 않으면 via @BackType 이란 글씨가 붙어서 나간다.
tweetcount_links	true	true : 새창으로 띄우기
tweetcount_size	large	large : 박스형 small : 한줄형
tweetcount_api_key		짧은 URL을 만들어 줍니다.  Awe.sm 연동
tweecount_background		배경 색깔 '0077BB'
tweecount_border		테두리 색깔 'CCCCCC'
tweecount_text		글씨 색깔 'F3F4F5'

 

 

앞에 위 코드를 붙여 주면 된다.

O 도움을 받은 블로거들

라이프해커님의 "댓글은 이미 죽었다"란 글을 꼭 참고하시기 바랍니다. [방 문하기]
서울비님의 블로그에 "티스토리에 블로그 달기" 코드가 있습니다. [확 인하기]
Dapy님 블로그에 "BackType"에 대한 설명이 있습니다. [공부 하기]
찰이님의 블로그에도 "BackType"에 대한 설명이 있습니다. [공부 하기]

O BackType 위젯의 파라미터 설명

파 라미터	기 본 값	설 명
tweetcount_url	현재 URL	현재 글의 URL
tweetcount_title	현재 페이지 제목	리트윗 하려고 하는 페이지 제목
tweetcount_src		리트윗 시작 문자  보통 자신의 트위트 계정을 씀  RT @RassoStudio
tweetcount_via	false	fase로 하지 않으면 via @BackType 이란 글씨가 붙어서 나간다.
tweetcount_links	true	true : 새창으로 띄우기
tweetcount_size	large	large : 박스형 small : 한줄형
tweetcount_api_key		짧은 URL을 만들어 줍니다.  Awe.sm 연동
tweecount_background		배경 색깔 '0077BB'
tweecount_border		테두리 색깔 'CCCCCC'
tweecount_text		글씨 색깔 'F3F4F5'