본문 바로가기
정보

태그 구름 적용하기

by zooin 2009. 4. 26.
반응형
BLUE'nLIVE님께서 작성한 태그클라우드 만드는 글을 보고...따라해 봤습니다.
보기에 좋습니다. 감사합니다.


덧. BLUE'nLIVE님의 글이 없어졌네요. ㅜ.ㅜ;
아~ 도메인이 변경되었군요. http://zoc.kr/543입니다.

그래도 혹시 몰라서 메모해 놓겠습니다.

덧.2 아래 파일을 스킨에디터에서 파일 업로드 메뉴를 통해 업로드한 후.

skin.html에서
sidebar 메뉴를 찾고...거기의 태그에 해당하는 곳 (s_random_tags /s_random_tags 사이)에...아래 소스를 붙여놓고 사이즈와 색상을 조절하면 됩니다.
                       
<!--태그 구름 -->
                            <div id="tagcloud" class="widget">
                                <h3 style="padding-bottom:3px;">Tag Cloud</h3>
                                    <div id="htags" style="display:none;"><tags>
  <s_random_tags>
    <a href="" class=""></a>
  </s_random_tags>
<a href="/"></a></tags></div>
<div id="TiCumulus"><p>Tistory Cumulus Flash tag cloud by <a href="http://zoc.kr">BLUEnLIVE</a> requires Flash Player 9 or better.</p></div>
<script type="text/javascript" src="./images/swfobject.js"></script>
<script type="text/javascript">
  var t = new SWFObject("./images/tagcloud.swf", "tagcloud", "100%", "200", "7", "#f7f7f7");
  t.addVariable("tcolor", "0x557799");
  t.addVariable("mode", "tags");t.addVariable("distr", "true");t.addVariable("tspeed", "100");t.addParam("allowScriptAccess", "always");;t.addParam("wmode", "opaque");
  t.addVariable("tagcloud", document.getElementById('htags').innerHTML.replace(/&amp;/gi, ' ').replace(/class=([\w]+)/gi, 'class="$1"').replace(/\"\"/gi, '"').replace(/class=\"/gi, 'style=\"font-size:').replace(/:cloud([\d])/gi, ':1$1pt;').replace(/TAGS\>/gi, 'tags>').replace(/\<A\s/gi, '<a ').replace(/\<\/A\>/gi, '</a>').replace(/\"/g, "'"));
  t.write("TiCumulus");
</script>
                            </div>
                        </s_sidebar_element>
                       
                        <s_sidebar_element>
혹시 몰라서 txt 파일로 첨부해 놓겠습니다.