혼자서 며칠동안 소스분석해보고 여기저기 스킨html에 소스를 삽입해보고
실패에 실패.. 삽질하다가 우연히 텍스트큐브에서 적용된 블로그를 통해
아주 쉽게..너무도 쉽게 해결 하였습니다.
태그구름을 구현하려면 swfobject.js 와 tagcloud.swf 이 두 파일이 필요한데,
텍스트큐브에서는 파일업로드에 .swf와 .js같은 파을은 업로드에
제한이 있더군요~ ( 여기서 애 많이 먹었습니다. )
이 두 파일을 꼭 텍스트큐브에 올려야 하는 줄 알고 ftp도 사용해보고
이것 저것 사용해 봤는데 모두다 허당이였습니다.
그래서 결론적으로 텍스트큐브에 이 파일을 올릴 필요 없이
다른 계정을 이용해서 링크만 시켜주는 것으로 문제를 해결할 수 있었습니다.
적용하는 방법은
1. culumus.zip 파일을 받아서 압축을 풀면 swfobject.js 와 tagcloud.swf 파일이 있습니다.
TiCumulus.zip이 두 파일을 자신이 가지고 있는 계정에 올린 후 주소를 각각 복사합니다.
2. 텍스트큐브 스킨편집 -> skin.html 에서 sidebar부분에 다음 소스를 붙여 넣습니다.
<!-- 태그목록 모듈 -->
<div class="tagbox">
<h3>태그</h3>
<div id="htags" style="display:none;"><tags>
<s_random_tags>
<a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</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="http:// 계정 주소/swfobject.js"></script>
<script type="text/javascript">
var t = new SWFObject("http://계정 주소/tagcloud.swf", "tagcloud", "100%", "200", "7", "#FFFFFF");
t.addVariable("tcolor", "0x222222");t.addVariable("hicolor", "0x3C5A91");t.addVariable("tcolor2", "0xF0E68C");
t.addVariable("mode", "tags");t.addVariable("distr", "true");t.addVariable("tspeed", "100");t.addParam("allowScriptAccess", "always");
t.addVariable("tagcloud", document.getElementById('htags').innerHTML.replace(/&/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>
노란블럭부분에 복사한 자신의 계정주소를 붙여넣으면 됩니다.
#FFFFFF : 배경색상
0x222222 : 기본색상 (tcolor)
0x3C5A91 : 마우스커서를 올렸을때 나타나는 색상 (hicolor)
0xF0E68C : 인기태그 색상 (tcolor2)
이번 삽질을 하면서 얻은 교훈은 역시 정보의 신속성과 중요성이었습니다.
조금만 찾아봤어도 쉽게 해결할 수 있었던 것을 혼자 끙끙대면서 시간만 버렸네요~
저처럼 처음 블로그해보시는 분들 혼자 애쓰지 마시고, 여러 좋은 사이트에서 정확한 정보를 얻으시면 어려운 문제도 쉽게 해결 하실 수 있을 거라 생각되네요.
※ 참고 Tip
스킨html에서 소스를 수정한 후 미리보기에서는 적용이 되었는데, 저장후에 블로그에는 적용이 안되는 경우, 이때는 위젯관리에서 추가 가능한 위젯 목록을 보면 태그목록 모듈이 생겼을 겁니다. 그럼 그 위젯을 사이드바에 적용하고 싶은 곳으로 드래그하시면 문제가 해결될 거예요.
( 스킨html에서 태그목록모듈을 수정하면 계속 위젯이 초기화되서 다시 사이드바로 옮기는 작업을 반복해야합니다. 참고하세요~)
<그림참조 : http://kkamtube.textcube.com/4 >
★ 참고한 사이트
WP-Cumulus 홈페이지 :: http://www.roytanck.com/about-my-themes/donations/
BLUEnLIVE's님 블로그 :: http://zoc.kr/543
eluw님의 텍스트큐브 블로그 : http://eluw.textcube.com/tag/Cumulus
하라군님의 블로그 : http://ghjuy.textcube.com/105#comment3358746
깜튜브님 블로그 :: http://www.kkamtube.co.cc/4#comment3628857
댓글 없음:
댓글 쓰기