이 글에서는 티스토리의 티스토리 태그 클라우드를 꾸미는 방법에 대해 알아보겠습니다.

태그란, 블로그의 글 중 핵심 키워드를 모아놓은 것으로 블로그의 전체적인 성향이나 해당 글의 성향을 알려줍니다. 검색엔진 순위결과에도 영향을 미치기도 하는, 매우 중요한 요소이지요.
이런 태크들은 모아놓은 것이 바로 태그 클라우드로, 블로그의 사이드바에 많이 배치됩니다.

보통 이런 형태이지요. 단순합니다.

이 글에서는 태그 클리우드를 이런 모습으로 바꾸는 방법에 대해 설명해 보죠. 마우스를 가져가면 움직이기도 합니다.

먼저, 아래 파일을 다운로드 하신 후 압축을 푸세요. 총 3개 파일입니다.

script 파일을 열어보세요. 바로 태그 클라우드의 스크립트입니다.

티스토리 관리 영역에서 시킨-HTML/CSS 편집 영역으로 들어가세요.

Ctrl + F 로 찾기 기능 이용해 태그 를 찾습니다.

위와 같은 구조의 태그를 찾습니다. 보통 "s_sidebar element" 근처에 있습니다.
"태그 클라우드" 조금 하단에 보시면 <ui> 와 </ui> 라는 태그를 보실 수 있으실 것입니다.
<ui> 까지에서 </ui> 까지 코드를 지우시고 script 파일의 태그를 삽입하세요.
위 부분은 각 블로그의 스킨마다 조금씩 다를 수 있습니다.

마지막으로, 파일 업로드 영역에서 swfobject 파일과 tagcloud 파일을 업로드합니다.

이제, 좀 더 세련된 태그 클라우드 기능을 사용하실 수 있으실 것입니다.
  1. Duffy 2010.08.05 12:59 신고

    안녕하세요? 티스토리에 태그 클라우드를 넣어서 잘 쓰고 있었는데, 스킨 쪽에서 뭐 건드린것도 전혀 없었는데, 태그 클라우드가 아예 나오질 않아요 ㅠㅠ 어떻게 된건지 아시나요? ㅠ

  2. 카쿠覺 2010.08.10 06:27 신고

    항상 이를 적용해서 사용하고 싶었는데 오늘에서야 달게되네요~ 잘보고갑니다 =]

  3. 2010.08.24 15:59

    비밀댓글입니다

  4. 621 2010.08.27 16:27 신고

    알려주신대로 하니 참~ 쉽네요...

    고맙습니다...

  5. sensyo 2010.09.05 22:07 신고

    저는 찾아보니
    <s_sidebar_element>
    <!-- 태그목록 모듈 -->
    <div class="tagbox">
    <h3>Tag</h3>
    <ul>
    <s_random_tags>
    <li><a href="" class=""> </a></li>
    </s_random_tags>
    </ul>
    </div>
    </s_sidebar_element>
    이렇게 돼어있습니다만 따로 이부분만 script로 교체하고 파일 업로드만 하면돼는지..

    아님 class name을 맞춰줘야 하는건지.. 어디부분을 수정하면 될까요.

  6. inne 2010.09.12 21:44 신고

    제가 잘모르겟습니다만...
    혹시 네이트온같은 원격지원으로 가능하신가요? ㅎㅎ

  7. 나연이네 2010.09.24 14:10 신고

    설명을 잘해주셔서 잘 설치하였는데 제블로그는 배경색이 검정색이다보니
    좀 어색해서 원래대로 수정하였습니다.
    배경색을 검정으로, 글자를 흰색으로 바꿔볼까 했는데
    어디를 수정해야할지 모르겠네요
    가능할까요???

    • 초록 날개 2010.09.24 18:07 신고

      음... 색상 HTML 코드를 바꾸시면 되실 것 같은데..
      좀 많이 건드려셔야 할 것 같네요,..
      더구나 자바 스크립트여서 수정하면 좀 불안정해질수도...

  8. 살짝올려 2010.11.02 11:18 신고

    정말 좋은 정보 감사합니다. 태그라는걸 아얘 몰랐는데..
    티스토리하면서 처음해보네요;..앞으로 쭈욱 배워 보기도 싶구요^^

    • 초록 날개 2010.11.02 12:42 신고

      ㅎㅎ
      태그를 잘 활용하셔면 여려 면에서 좋은 효과들을 많이 보실 수 있으시 것입니다~

  9. 연결고리 2010.11.24 00:00 신고

    아, 이거 보고야 겨우 해결했습니다.
    ^^
    멋지네요 테그 클라우드^^

  10. Nalo Kubi 2011.01.26 16:47 신고

    물어보고 싶은 것이 있는데 적용을 잘 됬습니다만

    특수문자가 안나오네요. R&B라는 태그가 있었는데

    R B라고만 나오네요. 해결 방법이 없나요?

  11. 달콤한 하루 2011.02.09 10:48 신고

    안녕하세요.
    티스토리에서 태그 이쁘게 할려고 찾고 있었는데
    덕분에 잘 달았습니다.
    감사합니다. ^^

  12. Cornwolf 2011.03.21 00:04 신고

    잘 되네요,,, 유용한 정보 잘 보고 배웠습니다. ^^ 종종 들를께요!

  13. 하하하 2011.04.11 23:55 신고

    감사합니다 잘쓸께요~

  14. 물컹물컹 2011.05.17 22:57 신고

    저도 Duffy님이랑 같은현상입니다, 오늘까지 잘쓰다가

    갑자기 저녁에, 태그자체가안뜨내요.

    스킨원본으로 했을때는 태그가잘뜨는데말이죠, 다시해도안돼내요

+ Recent posts