태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

심심하면 가끔 블로그의 HTML/CSS편집을 조금씩 바꿔 보군 하는데 이것도 블로그를 하는 일종의 재미인것 같습니다. 오늘은 저와 블로그의 독자들과의 연동성을 좀 더 증진 시킬수 있는 일부 코드를 블로그 포스트 하단에 삽입해봤습니다. 설치완료 하고나니 과거보다 WEB2.0의 맛이 블로그에 좀 더 추가된것 같기도 합니다.

사용자 삽입 이미지











저의 티스토리 블로그에서는 코드를  포스트(본문코드) 하단의 광고코드 아래에 삽입했습니다.
아래는 블로그에 삽입한 실지 코드입니다. 붉은색으로 표기된 부분은 다른 티스토리 블로그의 경우라면 관련
URL주소와 FEED주소를 바꿔 주기만 하면 쉽게 실현될수 있을것 같습니다.

마음에 드신다면 아래의 코드을 참조해보시고 한번 적용해보세요~.
---------------------------------------------------------------------------------------
<script language='JavaScript'>
    var OutbrainPermaLink='http://simpleblogging.tistory.com{##_article_rep_link_##}'; 
    var OB_demoMode = false; 
**위의 코드 {##_article_rep_link_##}에서 { }는 [ ]바꿔줘야 함, 본 설명은 코드에서 빼야 함**
    var OB_langJS ='http://widgets.outbrain.com/lang_en.js';
    if ( typeof(OB_Script)!='undefined' )
        OutbrainStart();
    else {
        var OB_Script = true;
        var str = '<script src="http://widgets.outbrain.com/OutbrainRater.js" type="text/javascript"><\/script>';
        document.write(str);
    }
    </script>

<!-- AddThis Bookmark Button BEGIN -->
<script type="text/javascript">
  addthis_url    = location.href;  
  addthis_title  = document.title; 
  addthis_pub    = 'mjjin';    
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
<!-- AddThis Bookmark Button END -->

<a href="http://www.hanrss.com/add_sub.qst?url=http%3A%2F%2Ffeeds.feedburner.com%2F
simpleblogging" title="한RSS에 추가"><img src="http://static.hanrss.com/images/add_to_hanr
ss2.gif" border="0" /></a>

<a href="http://www.google.com/reader/view/feed/http://feeds.feedburner.com/
simpleblogging"><img src="http://draft.blogger.com/img/widgets/subscribe-google.png"style="border:0" alt="Add to Google Reader"/></a>

<a href="http://www.mybloglog.com/buzz/community/simpleblogging/" title="Join My
Community at MyBloglog!"><img src="http://www.mybloglog.com/buzz/images/buttons/btn_c
32.png"style="border: 0px none;" alt="Join My Community at MyBloglog!"></a>
----------------------------------------------------------------------------------------
추가 설명:

Rating 코드 추가방법: 티스토리 블로그의 경우에는 위의 코드에서 블로그 url주소만 바꾸면 됩니다.TextCube 계열에 설치하시려면 Alones님의 관련 포스트를 참조하시면 됩니다. 이 코드를 추가한후 독자들은 읽어본 포스팅에 별을 클릭하여 점수를 매길수 있습니다. 최고의 점수는 별 다섯개입니다.

Bookmark 버튼 추가 방법: 이 부분의 코드는 위의것을 직접 복제하면 됩니다. 이 북마커는 해외에서 많이 사용하는것입니다.

HanRSS에 추가하기 버튼: 이곳에서 1분내로 코드생성이 가능합니다. 저의 코드를 직접 복사하면 안됩니다.

Add to Google 버튼: 이 버튼의 코드는 직접 구글 리더로 연결되며 iGoogle로 구독화면이 잘못 연결될수 있는 문제를 이미 해결하였습니다. 붉은색 부분에 해당되는 FEED주소만 바꾸면 됩니다. 이경우에 구독자는 구글 리더에서 구독(+SUBSCRIBE) 버튼을 한번 더 클릭해야 구독과정이 완료됩니다.

MyBlogLog 버튼: 이 버튼은 공식사이트에서 최근 제공하기 시작한것입니다. 위의 코드 기초상에서 자신의 MyBlogLog 커뮤니티 이름으로 바꿔주면 됩니다. 이 버튼은 다른 MyBlogLog 사용자로 하게끔 나의 커뮤니티에 가입하게끔 블로그 홍보의 용도로 제공되는것입니다. 현재는 alones님, Jack Park님,신날로그(썬샤인)님, 주주님 이렇게 네 분만 가입되여 있는데 다른 MyBlogLog사용하시는 분들도 저의 커뮤니티에 가입해주실수 있기를 바랍니다. MyBlogLog는 참고로 국외 유명 사이트에서 50 Great Widgets For Your Blog의 제1위에 선정되였던 Widget이기도 하며 가입방법은 아주 간단합니다. 흠,,, 현재 저의 블로그의 사이드바에 유일한 Widget로 남아 있네요.

실지 조금만 더 머리을 쓰면 저의것보다 더 멋진 Widget들로 자신의 블로그를 개성화할수 있을것입니다.그리고 잘못된 편집은 블로그를 그냥 사용불가로 날려버릴수도 있으니 스킨을 편집하기전에는 언제나 기존코드를 백업하는것을 념두에 두세요.

Update/2008.1.16.

이드님께서 남겨주신 댓글대로 이곳의 링크를 통하여 한글판의 addthis의 북마커 버튼으로 바꾸거나 추가로 넣을수도 있습니다.

Trackbas address :: http://kr.geek2live.org/trackback/71 관련글 쓰기

  1. Commented by 이드,,, at 2007/12/30 17:36

    애드디스 북마크 버튼은 국내용이 있습니다 제블로그에 달린게 국내용입니다

    중국에 거주하고 게시지만, 한글 블로그이니 국내용 북마크 버튼 모음을 다는게 더 좋겠지요

    www.addthis.co.kr 로 접속하면 국내용 버튼을 달수 있습니다

  2. Commented by noraneko at 2008/01/07 19:45

    HTML과CSS편집을 다루는 실력이 부족한데, 고마운 포스팅입니다. 잘 활용해 보겠습니다. 감사합니다.

  3. Commented by 라라 윈 at 2008/01/08 17:57

    와~~ 좋은 정보 감사합니다.. 한rss추가 버튼만 달아놨는데.. 다른 버튼도 한 번 달아보아야겠습니다~~~ ^^