텍스트큐브닷컴에 3D tag cloud 달기

우주곰, 엔지니어 방랑기

About uzoogom/Blah.. blah.. 2009. 9. 2. 14:33

3D tag는 Roy Tanck분이 공개한 WordPress용이다.

이를 Tistory에서 3D Tag Clude를 달 수 있게 해준 BLUEnLIVE님께 감사드린다.
어떻게 이런 훌륭한 생각을 할 수 있는지^^

Tistory용 설치방법은 http://zoc.kr/639 참조

텍스트큐브 닷컴에서 3D tag를 이용하려면 위 사이트에서 자료를 다운받아서 자기게시판에 올려야 하는데 확장자가 js, swf인 파일은 기본적으로 스킨 편집 항목에서 업로드는 불가능하다.

약간의 꼼수를 써서 파일을 업로드 하여 사용하는 방법이 있는데
자세한 방법은 쉽고도 암암리에 퍼져나가 있으니 별도로 알려주진 않겠다.
정 모르겠으면 살짝 꼬리를 달아주시라~

일단 파일을 업로드 하고, 그 파일의 경로를 확인 한 후 작업을 진행한다.

작업은 skin.html 파일을 수정하여야 한다.
Tistory 용에는 아래의 스크립트를 <head>안에 집어 넣어야 한다고 명시되어있으나,
텍큐닷컴에서는 <body>에 넣어야 한다.

한시간 넘게 <head>에 넣고 했더니 아래 메세지만 나오더라.

Tistory Cumulus Flash tag cloud by BLUEnLIVE requires Flash Player 9 or better.

skin.html 수정하기

# 수정전
<s_sidebar_element>

<div class="tagbox">
<h3>태그 목록</h3>
<ul>
<s_random_tags>
<li> <a href=""></a> </li>
</s_random_tags>
</ul>
</div>
</s_sidebar_element>

# 수정후
<s_sidebar_element>

<div class="tagbox">
<h3>태그 구름</h3>
<div class="tagboxWrap">
<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">
//<![CDATA[
var flashvars = {};
flashvars.tcolor = "0x2970A6";
flashvars.hicolor = "0x462A56";
flashvars.mode = "tags";
flashvars.distr = "true";
flashvars.tspeed = "100";
flashvars.tagcloud = document.getElementById('htags').innerHTML.E4Cumulus();
var params = {};
params.allowScriptAccess = "always";
var attributes = {};
attributes.bgcolor = "#f7f7f7"
swfobject.embedSWF("http://여긴 자신이 올린 tagclud.swf의 주소를 찾아서 적어넣음/Xtefwe.swf", "TiCumulus", "100%", "200", "9.0.0", null, flashvars, params, attributes);
//]]>
</script>
</div>
</div>

</s_sidebar_element>

완료!