본문 바로가기

IT-Mac-IPhone

티스토리 블로그에 트위터 달기



트위터라는 것을 처음 사용해보고 이것 저것 눌러본 하루였습니다.
거기에 트위터를 사용하는 분들이 사용하는 블로그에 방문을 해보니 트위터 위젯이 있더군요.
그래서 이곳 저곳을 방문한 뒤 알아낸 트위터 위젯 소스 넣는법을 알았네요.. 팁이라고도 할 것 없는 그런 내용입니다.. ^^

지금 제 블로그에 보이는 트위터 위젯 소스 입니다.
아래 부분중에 빨간색으로 되어 있는 부분에 본인 아이디를 입력한 후 복사해서 붙여 넣기 하시면 됩니다.
<s_sidebar_element> <!-- 트위터 모듈 --> <div class="boxTopR"> <div class="boxTop-left"></div> <div class="boxTop-mid"></div> <div class="boxTop-right"></div> </div> <div class="boxMidR"> <div id="twitter_div"> <h3>*Twitter 한줄 블로깅</h3> <ul id="twitter_update_list"></ul> <a href="http://twitter.com/
godhopeful" style="font-size: 9pt;color:black;display:block;text-align:right;" target="_blank" >godhopeful's Twitter</a> </div> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/godhopeful.json?callback=twitterCallback2&amp;count=10"></script> </div> <div class="boxBtmR"> <div class="boxBtm-left"></div> <div class="boxBtm-mid"></div> <div class="boxBtm-right"></div> </div> </s_sidebar_element>

그외 다른 위젯 소스가 필요하다면 본인의 트위터에 로그인 후 세팅 부분에 들어 간 후
빨간줄에 있는 You can also add Twitter to yout site here 을 클릭 합니다.



You can also add Twitter to yout site here 을 클릭 한후 나타나는 화면입니다.
보이는 거와 같이 해당 블로그 사이트가 무엇인지 체크(티스토리의 경우 Other)를 한후 Continue~~ 하면 됩니다.




그러면 플래시 방식으로 위젯을 사용할 것인지 HTML 방식 위젯을 사용할 것인지 물어 봅니다.
원하는 방식을 클릭 한 후 역시 Continue 하시면 해당 방식의 위젯 종류를 선택 하면 해당 위젯 소스가 나오게 됩니다.
그러면 그거 그대로 복사한 후 블로그에 붙여 넣기 하면 끝~