티스토리에 태그클라우드를 적용

태그클라우드를 내 블로그에 적용시키는 방법

1. 아래파일을 다운받습니다. tagcloud.zip

tagcloud.zip

압축파일에는 요런 파일이 세개가 있습니다.

2. swfobject.js tagcloud.swf 파일을 티스토리 파일업로드를 통해 스킨파일에 올립니다.
티스토리 관리자모드>꾸미기>HTML/CSS편집 > 파일업로드

3. script.txt 파일에 있는 소스를 HTML/CSS에 적용시킨다.
티스토리 관리자모드>꾸미기>HTML/CSS편집 > HTML/CSS

<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", "#ffffff");
  t.addVariable("tcolor", "0x222222");
  t.addVariable("mode", "tags");t.addVariable("distr", "true");t.addVariable("tspeed", "100");t.addParam("allowScriptAccess", "always");
  t.addVariable("tagcloud", document.getElementById('htags').innerHTML.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>

var t = new SWFObject("./images/tagcloud.swf", "tagcloud", "100%", "200", "7", "#ffffff");
100%: 가로크기 / 200:세로크기 / #ffffff : 바탕화면
<필자는 세로크기를 150으로 사용합니다.> 세로크기가 줄어들면 글자의 크기도 같이 줄어드네요~~
t.addVariable("tcolor", "0x222222");
0x222222 : 글자색
 t.addVariable("mode", "tags");t.addVariable("distr", "true");t.addVariable("tspeed", "100");t.addParam("allowScriptAccess", "always");
100: 움직이는속도