기본 태그에서 위 그림(옆 메뉴)과 같은 플래쉬 플러그인 태그로 바꿨습니다. 설치도 초 간단 그자체입니다.
우선 아래 파일을 다운받아 적절한 폴더에 압축을 풀어줍니다.
TiCumulus.zip압축을 풀면 swfobject.js 과 tagcloud.swf 의 두개의 파일이 있을겁니다. 해당 파일을 티스토리 관리페이지 > 스킨선택 메뉴에 업로드 해주고 아래의 소스를 찾아 수정해줍니다.
<원본>
Cumulus_for_TiStory_소스1.txt<ul>
<s_random_tags>
<li>
<a href="" class=""> </a>
</li>
</s_random_tags>
</ul>
<s_random_tags>
<li>
<a href="" class=""> </a>
</li>
</s_random_tags>
</ul>
<수정>
<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>
<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>
코드중 원본에 내용을 수정본으로 수정하고 저장하면 모든 적용이 완료 됩니다.(소스 파일 다운받으세요)
0x222222 이부분은 글꼴 색상이고 #ffffff 이건 배경색입니다. 입맛에 맞게 수정하시면 됩니다.
참 쉽죠잉~
'WWW`S' 카테고리의 다른 글
| 미녀들이 시간을 알려줘요(Bijin Tokei) (0) | 2009.06.09 |
|---|---|
| 옥션과 이마트, 그리고 고현정 (0) | 2009.06.08 |
| 뒷일은 걱정 없다, 11번가가 책임진다! (2) | 2009.02.13 |
| 가격비교 사이트 2차 점검 결과 발표(공정위=개그동아리) (0) | 2008.12.17 |
| ebay의 지마켓 인수와 11번가, 떨고 있는 가격비교... (0) | 2008.12.09 |