트위터와 한글
트위터(Twitter)는 한글을 지원하지 않는다. 따라서 트위터에서 불러온 트윗도 약 10분전을 'about 10 hours ago'으로 표시한다. 즉, 한글화가 되어 있지 않다. 또 팔로잉과 팔로어의 숫자도 알 수 있으면 좋을 텐데 이 방법으로는 팔로잉과 팔로어의 숫자는 알 수 없다. 그래서 트위터에서 제공하는 자바 스크립트를 내려받아 한글화하고 팔로잉과 팔로어의 숫자를 가져올 수 있도록 스크립트를 바꿨다.
원래는 텍스트큐브 플러그인으로 만들어 배포할 생각이었다. 그러나 음주님이 트위터로 팔로잉과 팔로어의 수를 받아 보는 방법을 질문해와 "자빠진 김에 쉬어간다"고 말이 나온 김이 블로그에 내 트윗(Tweet)을 다는 방법을 올리게 되었다. 일단 블로그에 내 트윗을 다는 방법은 상당히 간단하다. 트윗이 출력될 영역을 설정하고 트위터에서 제공하는 스크립트를 호출하면 되기 때문이다. 이 부분은 아라님의 트위터를 블로그처럼 활용하기 #1라는 글에 잘 나와있다.
그런데 트위터(Twitter)는 한글을 지원하지 않는다. 따라서 트위터에서 불러온 트윗도 약 10분전을 'about 10 hours ago'으로 표시한다. 즉, 한글화가 되어 있지 않다. 또 팔로잉과 팔로어의 숫자도 알 수 있으면 좋을 텐데 이 방법으로는 팔로잉과 팔로어의 숫자는 알 수 없다. 그래서 트위터에서 제공하는 자바 스크립트를 내려받아 한글화하고 팔로잉과 팔로어의 숫자를 가져올 수 있도록 스크립트를 바꿨다.
①은 팔로잉과 팔로어의 숫자가 출력된다. ②에는 설정된 값(예: 5)에 따라 내 트윗이 출력된다. ③을 클릭하면 내 트윗의 퍼머링크로 이동한다. 다만 한글화 했기 때문에 3분전으로 표시되는 것을 알 수 있다. ④를 클릭하면 해당 아이디의 트위터로 이동한다.
바꾸는 방법은 아라님의 글과 거의 비슷하다. 스크립트를 호출하는 경로만 다르다.
- 먼저 좋아하는 편집기(예: EditPlus)로
skin/skinname/skin.html
파일을 연다. 여기서skinname
은 사용하는 스킨에 따라 달라진다. 티스토리를 사용하고 있다면 스킨 편집기를 이용하면 된다. 내 트윗을 달 적당한 위치(사이드바(
<s_sidebar></s_sidebar>
)나 본문(<s_article_rep></s_article_rep>
)에 다음과 같은 코드를 추가한 뒤 저장한다.<fieldset class="ViewPostOfRelTag"><legend> <a href="http://twitter.com/doax"><strong>트위터 </strong></a>(<span id="twitter_follows"></span>) - <a href="/tag/연아와%20트위터를">트위터 길잡 이</a></legend> <div id="twitter_div"> <ul id="twitter_update_list"></ul> </div> <script type="text/javascript" src="http://home.megapass.net/~doapax/Twitter/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/doax.json?callback=twitterCallback2&count=5"></sc ript> </fieldset>
<span id="twitter_follows"></span>
나중에 팔로잉과 팔로어의 숫자로 바뀐다. 따라서 꼭<legend></legend>
태그가 아니라고 해도 자신이 원하는 위치에 삽입하면 자동으로 팔로잉과 팔로어의 숫자로 바뀐다. 다만<script></script>
태그 이전에 와야 한다.<ul id="twitter_update_list"></ul>
<ul>과 </ul>
태그 사이에 트위터에서 받아온 자신의 트윗이 추가된다. 역시<script></script>
태그 이전에 와야 한다.doax.json
'doax'는 자신의 트위터 아이디로 바꿔야 한다. 예를들어 트위터 아이디가 @drunken_j라면drunken_j.json
으로 바꿔야 한다.- count=5
출력할 트윗의 수로 설정한다. 이 값을 5로 설정하면 내가 최근에 올린 트윗 5개가 블로그에 출력된다.
Trackback
Trackback Address :: https://offree.net/trackback/2672
-
Subject : 블로그에 트윗 설치 완료!
Tracked from BLUEnLIVE's ZocKrWorld 2009/07/28 08:58 del.도아님의 글 블로그에 내 트윗 달기를 참고해서 트윗을 달았습니다. 이제 처음 트위터의 세계에 발을 딛었는데, 열심히 해보겠습니다. ^^; 덧. 도아님 홈페이지의 트래픽을 줄인다는 핑계로 blogg
Comments
-
-
-
-
-
-
음주 2009/07/23 16:38
도아님의 것을 조금 변형해서 새로 시작-_-...하는 블로그에 달았습니다. 원래 주특기가 접었다 폈다 하는거라 T^T;
메가패스 계정을 도둑질? 해서 쓰는것도 좀 그렇고 '폴로워'란 한글 단어를 영문으로 바꾸어 다느라고 티스토리 스킨 폴더에 직접 올렸습니다.
친절한 설명 감사드립니다. -
이종범 2009/07/24 21:54
도아님, 감사합니다. 트위터를 블로그에 어떻게 달까 고민했었는데 단박에 해결이 되었네요. 아이팟터치가 생겨서 도아님 글을 보고 마스터하려 합니다. 아이팟에 대해 알아갈수록 정말 대단하네요. ^^
-
-
제안 2009/08/03 12:07
트위터 글 마지막에 '~~일전' 이거를 트위터에서처럼 트윗한 날짜로 표시하는 방법은 없을까요?
아직 스크립트에는 문외한이라 제가 수정하는 게 어렵네요. -
hb 2009/08/03 16:20
안녕하세요! 티스토리 블로그 스킨 매만지는 중에 트위터도 집어넣어놨는데 한글 지원 안해서 시간의 오류가 생기는지는 몰랐네요! 도아님 작업하신 js 파일 참조해도 괜찮을까요? 감사합니다!! :)
-
ImpactXP 2009/08/09 13:29
하하 저도 도아님 글 보고 달았습니다.
본문바로 위에 말이죠.
전 티스토리는 쓰는 도아님 글보고 스킨에디터에 쭈욱 보다가 간단하게 수정할것만 수정하고
넣으니깐 좋더군요. -
Facebook