내 블로그 인기글목록 달기, 스팟플렉스 위젯

2007.06.21 18:55블로거팁닷컴/블로그 디자인

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

http://www.spotplex.com/ 왼쪽의 URL을 클릭하여 스팟플렉스를 방문합니다. 그러면 아래의 화면이 나오는데 오른쪽에 빨간색으로 V자 체크된 곳을 클릭합니다. 그리도 다음 화면으로 넘어갑니다.
사용자 삽입 이미지

▶ 아래의 화면이 나옵니다. 여기서 첫번째 밑줄친 곳의 빈칸에 자신의 블로그 주소를 집어 넣습니다. 예를들어 제 블로그의 경우, http://zetrock.com 을 넣으면 됩니다. 다 입력하셨으면 빈칸 아래의 Get my code를 클릭하세요!
사용자 삽입 이미지

▶ 위의 단계에서 Get my code를 클릭했더니 아래의 화면이 떴습니다. 여기는 쉽게 말해 자신의 블로그 정보를 입력해 주는 곳입니다. 위에 부터 무엇이 들어가는 곳인지 설명해 놓았으니 다 입력하신 후에 아래에 있는 Submit 버튼을 클릭하고 다음 단계로 고고!
사용자 삽입 이미지

▶ 아래의 화면이 나옵니다. 코드가 부여가 됐죠? (아마 다섯자리일겁니다, 녹색 숫자) 이 페이지에서 설정하는 것은 스팟플렉스 사이트가 자신의 블로그의 정보를 끌어오기 위해서 한줄소스를 삽입해야 하는데 그 소스가 표시가 됩니다. 파란색으로 블록이 씌워진 소스가 바로 그 소스이며 어디에다 붙여야 하는지는 아래에 빨간 V자가 두개 표시된 곳에 나와있습니다. <바디> 태그 사이에 집어 넣어야 합니다. 간단하게 </body> 를 찾으셔서 요 앞에다 붙여 넣으세요. 여기서 중요한것은 제가 밑줄을 그어 놓은곳입니다. 스팟플렉스 소스를 넣어 놓으면 이미지가 뜨는데 미관상 잘 어울리게 할 자신이 없는 저같은 사람을 위해 No Image가 있습니다. 이것은 나중에 보여질 위젯과는 무관하므로 No Image를 선택해 주세요! 다음으로 넘어가겠습니다.
사용자 삽입 이미지

▶ 이제 이 소스를 복사해서 자신의 블로그 스킨편집창에 넣어주고 다시 스팟플렉스로 돌아옵니다. 아래에 보이는 초기화면에서 오른쪽 상단의 빨간색 밑줄이 그어진 부분, Get Widget을 클릭합니다.
사용자 삽입 이미지

▶ 그러면 최종적으로 위젯을 설정하는 창이 나옵니다. 1번을 설명드리면 첫번째 것은 스팟플렉스 전체 유저들을 대상으로 한것이고 두번째 제가 체크한것이 특정 블로그, 즉 자신의 블로그를 설정하는 것입니다. 그러므로 두번째 클릭! 2번은 자신의 코드를 집어 넣는 것입니다. 코드 다섯자리, 혹은 자신의 블로그 주소를 넣어도 됩니다. 그리고 주소입력창 밑에 체크 박스가 네개가 보이는데 첫번째는 인기글을 보여주는것, 두번째는 최근의 포스팅을 보여주는것, 세번째는 새로운 포스팅을 보여주는곳, 네번째는 안써봐서 잘 모르겠습니다. 인기글을 표시하는 것이 대부분이므로 첫번재 것을 선택해줍니다. 그리고 3번에서는 위젯에 적용될 인기 포스팅의 산정기간과 크기 및 글 개수를 지정하는 곳입니다. 자신의 기호에 맞게 그리고 스킨에 맞게 선택해 주고 아래의 Get this Widget 을 클릭합니다. 자 이제 다 왔습니다. 좀더 힘을 내시길~ 헥헥!
사용자 삽입 이미지

▶ 위젯의 소스가 드뎌 나왔습니다. 이젠 자신이 적절한 곳에다가 블락이 씌워진 소스를 갖다 붙여 넣기만 하면 됩니다. 초반엔 시간이 걸려서 안보일수도 있으니 위젯에서 자신의 글이 안보인다고 좌절하지 마세요. ^-^
사용자 삽입 이미지
포스팅이 유익 하셨다면 블로거팁 닷컴을 구독하세요->
  • 프로필사진
    Favicon of https://brownred.tistory.com BlogIcon 강자이너2007.06.21 20:42 신고

    크으..이 깔끔한 정리!!스킨 멋진데요?!

  • 프로필사진
    Favicon of http://brownred.tistory.com BlogIcon 강자이너2007.06.21 21:19

    오오..저도 이 스킨을 기반으로 스킨 리뉴얼을 할까 생각중입니다+_+

  • 프로필사진
    2007.06.21 21:47

    비밀댓글입니다

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon 블로그의 신 Zet2007.06.21 22:16 신고

      칭찬해 주셔서 감사합니다.
      이스킨은 티스토리에서도 사용가능합니다.
      제가 지금 도메인을 사서 2차 도메인으로 사용하고 있구요, 그리구 애드센스에 관한 수정결과는 일주일 뒤에 공개할게요! 아직은 좀더 지켜 봐야겠습니다.^^

  • 프로필사진
    Favicon of http://ychur.tistory.com BlogIcon 불타는여우2007.06.23 08:00

    위젯 설명도 멋지고 블로그 스킨도 멋지네요.
    전체적으로 시원시원합니다. :)

  • 프로필사진
    Favicon of https://yasu.tistory.com BlogIcon Yasu2007.06.24 03:16 신고

    저도 이거할려다가, 걍 Sammy님의 최근인기글 쓰고있습니다..^^

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon 블로그의 신 Zet2007.06.24 07:33 신고

      아! 그렇군요~ 근데 스팟플랙스에 대해서 몇가지 느낀점이 어찌보면 당연할수도(?) 있겠지만 위젯설치전의 글까지 등록은 안되더라구요. 그리고 조회수가 블로그에서 일어나는 조회수가 아니라 스팟플렉스 사이트에서 일어나는 조회수라는 생각이 들어요. 저도 내릴까 말까 고민중에 있어욤!ㅋ Sammy님 프로그램도 알아봐야겠어요!

  • 프로필사진
    Favicon of http://thanksgod.tistory.com BlogIcon 평안2007.09.11 10:32

    좋은 정보 잘 보고 갑니다.
    저도 바로 달았습니다. ^^

  • 프로필사진
    Favicon of http://yobius.tistory.com BlogIcon 엽동유2007.09.12 12:26

    이번에 새로이 스킨을 바꾸면서 이리저리 배치를 바꾸다가 스팟플렉스를 달기로 결정했습니다.
    Zet님 설명대로 차근차근 하고 있는데 블로그 주소를 써넣고 Get my code를 눌렀더니 팝업창이 뜨네요.
    no rss or atom feed available for the site -_-;
    여기저기서 검색을 했는데도 아직 해결책을 찾지 못했습니다. 도와주세요 -0-

  • 프로필사진
    Favicon of http://rjlim2001.tistory.com BlogIcon na야2007.09.12 15:39

    방금 해봤는데요..근데..인기글을 불러오는데...시간이 너무 오래 걸리는거 같네요..원래 글 불러오는데 오래 걸리나요..??아참..색깔은 바꿀 수 있나요..?

  • 프로필사진
    Favicon of http://lucifel99.tistory.com BlogIcon lucifel992007.10.05 11:21

    안녕하세여.. 물어볼게 있는데요..
    중간에 나오는 your code numder나올때 갖이 나오는 소스가 있지 않습니까?

    그것을 매번 포스트에 갖이 넣어 주어야 하나요.. 스팟을 단지 2일 정도 됫느데요..

    popular article에 글이 하나두 안 올라 오네여.. ^^;

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon 블로그의 신 Zet2007.10.07 17:46 신고

      매번 넣어줄 필요는 없습니다; 음..
      다시 한번 해보시는게 어떨까요
      스킨 편집창에 우선 코드를 넣어주고 나중에 위젯 코드를 다시 넣어주면 되는 것으로 알고 있는데 말이에요 :)

  • 프로필사진
    Favicon of http://lalawin.tistory.com BlogIcon 라라 윈2007.12.04 20:51

    어제 저녁부터 설치해 두었는데, 계속 "No search results found." 라고 나옵니다. 이상해서 다시 설정하고 설치해보고 했는데도 계속 이러네요.. 혹 이유를 아시면 가르쳐 주십시오..

  • 프로필사진
    Favicon of http://lalawin.tistory.com BlogIcon 라라 윈2007.12.04 22:02

    문제점을 찾았습니다. 안내를 잘 읽어보니 첫번째 코드 소스를 article 페이지 부분에 꼭 삽입해야 카운트가 되는 모양입니다. 메인페이지에 넣었더니 계속해서 0이었던 것 같습니다. 혹여 저처럼 헤매시는 분들은 도움이 되시길.. 바랍니다.

  • 프로필사진
    Favicon of http://brin9.tistory.com BlogIcon brin92007.12.11 13:11

    Zet님! 위젯을 설치 후 초반에 하얗게 나오는 것은 적용되는데, 시간이 걸려서 그런가요!? *^^*

  • 프로필사진
    Favicon of http://im-0924.net/ BlogIcon whitedevil2007.12.20 00:07

    저두 스팟플렉스 위젯을 달려구 했더니 [엽동유]님과 같은 창이 뜨던데 그러면 이 위젯을 달수 없다는 이야기 인가요?

  • 프로필사진
    Favicon of http://gdsan.tistory.com BlogIcon 난장판2008.06.16 17:41

    저 사이트 망한건가요?
    메인이 안 뜨고
    담당자 메일 주소 하고 영어로 뭐라뭐라 하네요..

  • 프로필사진
    2009.03.25 23:55

    비밀댓글입니다

  • 프로필사진
    6662012.04.12 08:43

    이것을 대신 할만 한것이잇는지요.다음이나 티스토리나 기타 블로그들은 해당 서비스에서만 인기글이나 추천글을 표시하지만(예를들어 다음뷰 위젯을 달면 다음뷰에서 나의인기글이 어느것인지 나오지, 사실 진짜 나의블로그에서 인기글이 뭔지 최신글이 뭔지는 모르거든요) 그것과 별개로 나의블로그에서 인기글과 최신글을 나타내주는 위젯은 없는지요.