블로그(티스토리)에 스팟플렉스와 인기글 리스트 달기 무작정 따라하기

from E-Business 2007/05/22 20:23
Sammy님께서 만들어서 배포해주신 덕에 인기글 리스트 라는 것을 달 수가 있게되었습니다. 다른 분들께 보여주고 제 블로그 다른글로 유인하려는 건전한 속셈도 있고, 제가 어떤 글들이 인기 있는지 보고 싶은 마음에 달았지요. 결과는 대만족...에서 2% 부족 :)

Sammy님께서 배포해주신 인기글 리스트는 최대 30일까지인것 같더라고요. 즉 전체 기간 중의 인기글 리스트를 볼 수가 없어서 우연히 알게된 스팟플렉스 까지 달았습니다.

구글 광고에 올블렛에 스팟플렉스에 인기글리스트까지 ..아주 블로그가 너덜너덜 하군요!

지난 번에 말씀드렸다시피 HTML 같은거 족또 모르기 때문에 이거 설치하는데도 꽤나 헤맷습니다. 그래서 잘 모르시는 분들 편하게 설치하시라고 설치방법을 올려봅니다.

소스코드는 다음과 같습니다

<div>
<table>
  <TR>
   <TD rowspan=2 valign="top" width=225><b>전체 인기글 리스트<b><br><script type="text/javascript" src="http://www.spotplex.com/widget/widget.js?mode=popular&day=all&code=
315472&row=10&width=200&height=330"></script></TD>
   <TD align="left" valign="top"><b>일주일간 인기글 리스트</b>
<style type="text/css">
        .lister ul {list-style:none; font-size:12px; margin-left:10px; padding:0px;}
        .lister ul li {line-height:11pt;}
        .cnt { font-size:9px } <!--// 조회수관련-->
</style>
<script language='javascript' type='text/javascript'>
       document.write('<script type="text/javascript" charset="utf-8" src="http://n-3.net/count/lister.js.php?id=382&listmax=7&days=7&wordmax=26"></'+'script>');
</script></TD>
  </TR>
  <TR>
   <TD valign="top"><b>한달간 인기글 리스트</b>
<style type="text/css">
        .lister ul {list-style:none; font-size:12px; margin-left:10px; padding:0px;}
        .lister ul li {line-height:11pt;}
        .cnt { font-size:9px } <!--// 조회수관련-->
</style>
<script language='javascript' type='text/javascript'>
       document.write('<script type="text/javascript" charset="utf-8" src="http://n-3.net/count/lister.js.php?id=382&listmax=7&days=30&wordmax=26"></'+'script>');
</script></TD>
</tr>
</table>
</div>"

이 코드를 복사하셔서 스킨편집하기에서 ##_article_rep_desc_## 요거 밑에 넣어주시면 되겠습니다.
위치 찾는 법은 아시겠지만 그래도 혹시 모르니 말씀드리자면, ctrl+f 눌른다음 article_rep_desc 로 찾으시면 되겠습니다~ 아 친절한 현석씨.... 지송 (__)

단, 소스코드중에 빨간색으로 표시된 부분은 본인 ID를 넣으셔야 해요. 그러면 아래와 같이 표시가 되겠습니다
사용자 삽입 이미지

ID를 얻는 방법을 설명드리기 전에 먼저 죄송스러운 말씀이지만 다른 분들처럼
사용자 삽입 이미지
요렇게 이쁘게 만드는 법은 몰라서 꾸미질 못했어요. 이런 꾸미기는 청출어람 하셔서 저도 갈켜주삼 :)

자 그럼 이제 ID를 갯츄 해보도록 하겠습니다.
우선 스팟플렉스. 한국 사람들이 만들었다고 하는데, 영어로 서비스 합니다. 영어라고 쫄지 맙시다. 영어 몰라도 할 수 있습니다. 무쟈게 쉽습니다.
우선 스팟플렉스로 갑니다. http://www.spotplex.com
사용자 삽입 이미지

화면 오른쪽에 손가락 올려놓은거 보이시죠? Get your Spotplex code 블라블라 . 클릭합니다.

사용자 삽입 이미지

그러면 이런 화면이 뜨는데, 여기에 자기 블로그 주소를 넣으면 바로 코드가 생성됩니다.
아~ 쉬워라~
사용자 삽입 이미지
화면에서 설명하고 있는데로 저 거먼부분에 생성된 코드를 본인의 스킨중 <body> </body>사이 아무대나 삽입하시면됩니다. 걍 </body> 위에다 넣으시면 속편합니다. (저는 그림 안보이게 하려고 no image로 했으니 참고)

자 스팟플렉스 아이디를 갯츄하셨습니다. 위에 올려놓은 소스 코드의 제 id를 본인의 id로 변경해주시면됩니다.

이번엔 인기글 아이디를 얻는 방법인데요. 이건 제가 따로 설명드리는 것 보다 인기글 코드를 만들고 배포하고 계시는 Sammy님의 글을 보시는게 더 좋을것 같네요

이상! 입니다~
이올린에 북마크하기(0) 이올린에 추천하기(0)

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
Tag // , , , , , ,
트랙백 5개, 댓글 10개가 달렸습니다.

Trackback Address >> http://smartbos.tistory.com/trackback/96

  1. Subject: 티스토리에 카운터와 인기글 리스트 달기

    Tracked from Think Big, Aim High 2007/05/23 05:56  delete

    Sammy님이 티스토리 유저에게 축복을 베푸사, 유용하고도 재미난 플러그인을 만들어 '무료'로 배포하고 계시다. 게다가 카운터 플러그인을 추가한 블로그의 포스트가 인기도별로 보여지는 페이지도 있다. 이용 방법 카운터 달기 인기글 리스트 달기 나는 7일간 인기글과 최고 인기글로 분류했다. 참고로 카운터 플로그인을 먼저 삽입해야만 인기글 플러그인 사용이 가능하다.

  2. Subject: Spotplex에 티스토리 블로그 등록하기

    Tracked from 여우@보금자리 2007/05/23 20:24  delete

    정체불명의 한국인들(김도연, 백영준 / 혹자는 구글과 연관되어 있다고도 한다.)이 만들어 디그와는 다른 차별성으로 인해 국내외 블로고스피어에서도 화제가 되었던 Spotplex(구 Referez)에서 어제 새벽에 전자우편으로 보내온 업데이트 소식을 읽고 확인해 보니 티스토리에서도 정상적으로 등록이 가능하게 되었는데, 스폿플렉스(Spotplex)에 티스토리를 등록하는 방법은 다음과 같다. 1. Spotplex에 접속한 후, 우측 상단에 보이는 'Get..

  3. Subject: 블로그에서 내글들의 인기를 실시간으로 볼수있는 위젯

    Tracked from 신나는 블로그 세상, 신날로그 2007/05/25 15:37  delete

    블로깅을 하다보면 나의 어떤글이 가장 인기가 있을까? 방문자들이 나의 어떤글을 읽을까? 라는 궁금증이 생기게 마련인데요, 간단하게 자신의 블로그에서 확인을 할수 있는 위젯을 소개하려고 합니다. 제 블로그의 오른쪽에 보시면 나와있는 스팟플랙스라고 하는 위젯입니다. 저는 제 블로그에서 가장 많이 읽혀진 목록을 사용했는데요, 그 밖에도 자신의 최신글 목록이나, 스팟플랙스 내 에서의 순위를 표시 하실수도 있습니다.^^ 이 위젯의 물론 내가 실시간으로 어떤글..

  4. Subject: Spotplex를 바라보는 digg사용자의 의견은?

    Tracked from A point of web2.0 (論點 web2.0) 2007/06/20 05:57  delete

    Spotplex: New, Fancy, Broken Spotplex offers the digg experience but with fancy AJAX and anti-cheating. Spotplex won't be doing much competing if they don't get their basic system working though. Playing With Wire covers why Spotplex doesn't work for th..

  5. Subject: 내 블로그 최고의 인기글은 무엇일까▶ 스팟플렉스

    Tracked from Z Rock 2007/06/21 19:47  delete

    Zet曰 블로그를 돌아다니다 보면 아래의 그림처럼 생긴 길다란 위젯을 종종 볼수 있습니다. 그리고 조회수가 적혀있고 가장 많이 읽은 순서대로 나열되어 있어 클릭하면 방문자가 쉽게 새로운 글이나 인기있는 글을 볼수 있기도 합니다. 참 유용하죠? 바로 스팟플렉스에서 제공하는 위젯 설치법에 대해 알아보도록 하겠습니다. ▶ http://www.spotplex.com/ 왼쪽의 URL을 클릭하여 스팟플렉스를 방문합니다. 그러면 아래의 화면이 나오는데 오른쪽에..

댓글을 달아 주세요

  1. 슈3花 2007/05/23 03:27  address  modify / delete  reply

    아흑 전 이글루스를 써서리 ㅠ

    • 이현석 2007/05/23 20:57  address  modify / delete

      저도 원래 이글루스 유저였는데, 그런면들이 조금 아쉬워서 옮겨왔다능.. 이거 위험한 발언이려나? ^^

  2. SuJae 2007/05/23 05:57  address  modify / delete  reply

    <FIELDSET style="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px"><LEGEND><B>☆ 인기글 ☆ </B></LEGEND>
    [ 스크립트 ]
    </FIELDSET>
    라고 하시면 됩니다.

    • 이현석 2007/05/23 20:58  address  modify / delete

      아아~ 이렇게 하는거였군요! 역시나 fieldset 이나 legend 같은 완전 생소한 태그들이였네요 ㅎㅎ 감사합니다~

  3. 불타는여우 2007/05/23 20:23  address  modify / delete  reply

    스크립트 코드 생성 부분이 조금 바뀌었는데, 잘 적어주셨네요. :)
    트랙백 감사합니다.^-^

  4. Zet 2007/06/21 19:47  address  modify / delete  reply

    관련글이 있어 트랙백 쏘구 갑니다^^

  5. 러브동 2007/08/07 14:47  address  modify / delete  reply

    아ㅏㅏㅏ 너무 어려워요 ㅠ_ㅠ

<< previous 1 ... 149 150 151 152 153 154 155 156 157 ... 241 next >>