태그 클라우드 티스토리 블로그에 적용 시키기!!

아는 지인의 블로그를 열심히 헤엄치던 도중 ~ 헛!! 이건 모지!? +ㅁ+

**현재 저자의 블로그에 적용시킨 사례**

저런게 있더라 !! 우오오~ 너무 신기해서 언능 블로그에 적용시켜보려고 했지만 .. 뭐하는건지도 몰랐습니다. 이런쪽으론 거의 무지(無知)에 가까워서 인지 ~ 그래서 지인에게 직접 물어 ~ 적용 하는 법을 알게 되었습니다! ㅋ

자 ~ 이제 태그 클라우드(tagcloud) 를 블로그에 적용 시켜 볼까요?

우선 !!

TiCumulus.zip

다운로드 하시구요 ~! 압축을 푸시면 ~!

이렇게 Script , Swfobject , Tagcloud 세개의 파일 이 있습니다. 세개의 파일중 ~ 

Swfobject , Tagcloud 이 두 파일을 HTML/CSS 편집에 들어가셔서 "파일 업로드"을 누르신후 업로드 해주시구요 ~! 업로드가 다 되었으면 Script.txt 파일을 열어 봅니다.(Script 파일은 안 올리셔두 됩니다^^;)

이렇게 메모장으로 열면 되구요 ~ (메모장이 가장 편합니다 ^^)

다시 HTML/CSS 편집에 들어가시면 Skin.html 에서 Ctrl+f 를 눌러 "태그목록" 이라고 쳐 보시면 아마 밑에 <UI> 로 시작 해서 </UI> 로 끝나는 부분이 있을겁니다. <UI> 부터 </UI> 까지 있는 모든 코드를 지웁니다. (</UI> 까지 전부 지우셔야 됩니다 ^^)

다 지우신 후에 위의 Script.txt의 코드를 삭제 하신 부분에 넣어 주시면 됩니다.

※ Skin.html 파일을 수정하시기 전엔 꼭!!! 미리 백업을 해두시길 바랍니다! ^^

이렇게요 ^^ 다 하셧으면 일단 블로그 미리보기를 누르신후에 ~ 태그 클라우드가 잘 돌아가면 성공하신겁니다!! (오우!!+ㅁ+) 하지만! 아직 끝난게 아닙니다^^

아 그리구 궁금해 하실 분들을 위해 위의 스샷을 보면 

SWFObject 부분의 100% , 200 , 10 , #423B2E 가 보이실텐데요~ 각각 가로 세로 *3번째껀 정확히 모르겠네요^^;;* 4번째는 배경색입니다. 그 밑에 "tspeed" 라는 부분의 100은 태그 글씨의 움직이는 속도를 조절 할수 있습니다.(적당히 맞춰 하시면 되구요!!)

이부분을 수정하셔서 자신의 블로그에 적당하게 설정하여 자신의 블로그에 맞추면 됩니다

마지막으로~ 자신의 블로그 배경 색에 맞추실때 이걸 쓰시면 좀 편할꺼에요~ 색 코드 값을 바로바로 알려준답니다~ ( 포토샾으로 하셔도 되구요^^ ) 사용법은 매우 간단 하니 따로 설명은 안드리겠습니다.

jh_spuit-freest80.exe

자신의 블로그를 TC (Tag Cloud) 로 멋지게 꾸며 보시길!! +ㅁ+

아 그리구 ~ 도움주신 Espressivo 님 감사드려요^^