starland

[블로그] 텍스트큐브에 태그 구름 달기 본문

블로그관련

[블로그] 텍스트큐브에 태그 구름 달기

starland 2010. 1. 3. 16:22
반응형
이틀동안의 검색과 실패와 노가다 끝에.

삽군난무붑샤 님의 블로그 에서 정답을 찾았다.

휴... 그얼마나 달고싶던 태그 구름이었는가.


아래 그 원문을 붙여넣어본다.


=================================================================================================
 하는방법 알아내려고 블로그들 무진장 뒤졌습니다. 
몇번 실패를 거듭한후에 겨우 성공했네요.
 생각보다 힘들었어요.
 기념으로 인증샷 한컷


 관련 포스트 링크들.


ps. 혹시 자신의 텍스트큐브닷컴 블로그에 태그구름위젯을 달고 싶은 분들을 위해 방법을 적어 놓습니다.

1. 일단 아래의 링크에서 태그 클라우드 파일을 받습니다.

TiCumulus.zip 파일을 받아서 압축을 풀면 파일 2개가 나옵니다.

2. 블로그에 비밀글을 하나 쓰고 첨부파일로 파일 2개를 올립니다.
 swfobject.js
 tagcloud.swf
첨부파일로 올리면 tagcloud.swf 파일은 비밀글에 플래시이미지로 나옵니다.

3. 올린 파일의 주소를 알아냅니다. 자세한 내용은 아래의 링크를 참고하세요.

읽어보시면 알겠지만 swfobject.js 파일은 마우스 오른쪽 클릭으로 주소를 알수 있습니다. tagcloud.swf 파일은 파일명이 변합니다. 글의여백에서 오른쪽 버튼 누르고 소스를 열어야 주소를 알수 있습니다. 주소를 알았으면 메모장에 꼭 복사해 놓습니다. 텍큐닷컴의 첨부파일주소는 이런식입니다.

 http://블로그주소/글숫자/attach/swfobject.js
 http://블로그 주소/본문주소/attach/변경된파일명.swf

4. 내 블로그 관리하기->꾸미기->스킨편집으로 갑니다.

관련포스트는 여기입니다.

 스킨편집으로 들어가서 사이드 바 관련 내용이 있는 곳을 찾습니다.
아래처럼 써있는 장소가 사이드바가 있는 곳입니다.

 

</s_sidebar_element> <s_sidebar_element> <!-- 공지사항 위젯 --> <div class="part notice"> <h3>공지</h3> <ul class="box"> <s_rct_notice_rep> <li><a href=""></a> </li> </s_rct_notice_rep> </ul> </div> </s_sidebar_element> <s_sidebar_element> <!-- 카테고리 위젯 --> <div class="part category"> <h3>분류</h3> <div class="box">
분류 전체보기 (178)
테슬라 (6)
블로그관련 (5)
전자제품관련 (7)
WINDOW관련 (30)
Office관련 (9)
Unix관련 (12)
Oracle관련 (22)
Progrming관련 (11)
유용한 툴 (13)
Wish List (9)
짬통 (22)
아이폰3GS (20)
</div> </div> </s_sidebar_element> <s_sidebar_element>

</s_sidebar_element>
이렇게 파란색으로 표시된곳 사이에 아래박스의 글을 복사해 붙여넣습니다.
<s_sidebar_element>

 

<s_sidebar_element> <!-- 태그목록 모듈 --> <div class="tagbox widget"> <div style="padding-left:1px;padding-right:1px;"><h3>태그 구름</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="swfobject.js파일 주소"></script> <script type="text/javascript"> var t = new SWFObject("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(/&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>
 
그리고 "swfobject.js파일 주소" "agcloud.swf파일 주소" 부분을 앞에서 비밀글에 첨부파일로 올린 2개파일의 주소로 수정합니다.이제 거의 끝났습니다. 스킨을 저장합니다.

5. 내블로그 관리하기->꾸미기->위젯으로 갑니다.

위젯추가를 보면 "태그목록 모듈"이 생겨있습니다. 자신이 원하는 위치로 드래그해 옮기고 저장합니다. 여기까지 다하셨다면 사이드 바에 태그구름이 추가 되었을 겁니다.  관련포스트는 아래입니다.

 조금 복잡해보이긴 하지만, 우리모두 태그구름을 달아봅시다. 하악하악.

 그럼이만.


ps2. 여기까지 다끝내고 나서 충격적인 내용의 아래 포스트 발견

Cumulus for Textcube.com 1.23


 


1. 파일 설치

아래 파일을 다운받아 압축을 풀면 j_swfobject.gif, j_TeCumulus.gif, s_tagcloud.gif의 3개의 파일이 나온다.
이  세 파일을 스킨 직접올리기 기능을 이용해서 올린다.


 
텍큐닷컴용이 있었던거냐!

고로 앞에 설명한거 싹잊으시고 그냥 저 태그구름을 받으시는게 좋을듯.

난..... 삽(질)난무군이니까 괜찮아...........
=================================================================

반응형

'블로그관련' 카테고리의 다른 글

이사기념 첫 포스트  (0) 2011.01.11
[블로그] 트랙백이란?  (0) 2010.02.13
[블로그] 텍큐 배경화면 편집하기  (0) 2010.01.11
[Office] word2007 포스트작성 테스트  (0) 2010.01.01