티스토리 블로그와 트위터를 연동하는 여러 방법들

최근 마이크로블로그, SNS 등의 이야기를 많이 듣고 있습니다.
그중에서도 지난 주말 SBS의 그것이 알고싶다에서도 소개된 트위터..
방송 시간대에 이찬진 드림위즈 사장님의 트위터에서도 올라온 이야기 처럼
역시 방송이 나가는 시간대에 트위터의 국내 접속이 폭주했습니다.
트위터의 한글화 웹 클라이언트 프로그램인 드림위즈의 twtkr도 폭주하는 접속에 제대로 반응하지 못할정도로..

티스토리에 블로그를 가지고 있었던터라 지난주 가지고 있던 트위터와 티스토리에 만든 블로그를 여러 방법으로 연동해뒀습니다.

우선, 티스토리에 글을 등록하면 자신의 트위터에 자동으로 링크와 함께 트윗 하나 올리기..
이 설정이 제일 쉬울겁니다.
아예 티스토리 관리페이지에 플러그인 설정에 들어가시면
[글 보내기] Tistory2Twitter(트위터 글보내기)
라는 플러그인이 제공됩니다.

트위터의 특성상 140자까지만 올라가니까 게시한 블로그 글의 주소 전체를 올리는 것이 비 효율적이라 생각하시는 분들을 위해서 짧은 URL 사용하는 옵션도 있습니다.
저는 이렇게 설정했습니다.

다음으로, 티스토리에 트위터 위젯 넣기..
이렇게 보이게 하는 건데, 블로그 화면의 한쪽에 자신이 설정한 트위터의 트윗이 항상 보이도록 하는 것입니다.

트위터 홈페이지에서 우선 위젯코드를 받습니다.
트위터 로긴후 https://twitter.com/goodies/widgets에 직접 들어가시든지
로긴후 위에 Setting이라고 되어 있는 부분으로 들어가셔서
More Info URL아래에 Have a hompage or a blog? Put the address here. (You can also add Twitter to your site here)
라고 쓰여 있는 부분을 클릭하시면 됩니다.
My Space 위젯을 그대로 가져다 쓰시는 분들도 있는 것 같던데, 저의 경우는
My Website를 클릭해서 Profile Widget을 사용했습니다.
색깔이나 보이고자 하는 트윗수, 스크롤바 사용여부, 크기 등 자신의 블로그에 맞게 설정하시고
아래에 있는 Finish & Grab Code를 클릭하시면 코드가 나옵니다.

추출한 코드를 사이드바에 추가하는 방법도 있는데,
저의 스킨과는 어떤 위치의 사이드바도 안 어울리더라구요.
그래서, 오른쪽에 따라다니는 플래쉬 위에 넣어 보기로 하고, HTML/CSS 편집부분에 들어가서
skin.html을 편집했습니다.

복사한 위젯코드를 사이드바용 위젯으로 편집해 놓고 사이드바를 꾸미시는 것도 스킨에 따라서 간단할 수 도 있습니다. 상황에 따라서 사용하시구요..

마지막으로, 티스토리에 글에 트위터 리트윗 링크 넣기..
트위터를 사용하다 보면 RT라고 하는 Retweet이 있습니다.
미니홈피에서 스크랩 정도에 해당할까요..
보고 있는 글을 자신의 트위터로 퍼가는 겁니다. 좋은 블로그 글 올려 놓고나서 다른 트위터들이 간단히 퍼갈 수 있도록 작은 배려~
아이콘을 하나 만들어두면 편합니다.
아래 그림처럼요..

<!-- retweet -->
<script type="text/javascript">
tweetmeme_service = 'bit.ly'; 
tweetmeme_url = 'http://drlee.tistory.com/148';
tweetmeme_source = 'drlee';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
<!-- end of retweet -->

를 스킨의 HTML/CSS편집에서 적절한 위치에 추가하시면 됩니다.
저는 트랙백, 댓글 다음에 추가했습니다.
이렇게요.. 아래 그림에서 동그라미되어 있는 drlee 부분은 원하시는 자신의 것으로 바꾸시구요..

이 3가지 정도 연결하고 나니까
제 블로그 글도 제 트위터에서 알수 있고, 제 트위터에 올린 트윗도 블로그 화면에서 보실 수 있고.. 이리저리 편하고 좋네요..

아, 한가지 더 추가할께요..
왼쪽 옆에 따라다니는..  트위터 바로가기 버튼.. 
http://www.go2web20.net/twitterfollowbadge/
홈페이지에 들어가시면
트위터 팔로우 '뺏찌'를 만들수 있고, 코드를 받을 수 있습니다.

<!-- twitter follow badge by go2web20 -->
<script src='http://files.go2web20.net/twitterbadge/1.0/badge.js' type='text/javascript'></script><script type='text/javascript' charset='utf-8'><!--
tfb.account = 'gyongsu';
tfb.label = 'follow-us';
tfb.color = '#35ccff';
tfb.side = 'l';
tfb.top = 100;
tfb.showbadge();
--></script>
<!-- end of twitter follow badge -->

간단히 위의 아이디만 본인의 트위터로 바꾸셔서 바로 쓰셔도 좋습니다.
마찬가지로 HTML/CSS편집에서 적절한 부분에 넣으시면 되는데,
저는
</head> 다음에 넣어줬습니다.