블로그에 3D 입체 태그 달기

웹서핑을 하다가 사이드바에 입체로 돌아가는 태그를 보면서 너무나 신기하여 제 블로그에 적용해보았습니다. (너무 늦게 안것일까? ㅎㅎㅎ)

다운과 내용은 오드리햇반님의 블로그(http://clason.tistory.com/151)를 참고했습니다.

먼저 파일이 두개가 필요하더군요.

3D 태그구름.zip

티스토리 블로그의 관리자모드로 들어간뒤 "HTML/CSS 편집"으로 들어갑니다.

"파일업로드" 탭으로 이동하시면 아래와 같이 그림이 보이는데요

아래쪽으로 드래그를 하시면 "추가"버튼이 있습니다. 이거를 클릭하시고 다운받은 파일은 두개(swfobject.js, tagcloud.swf)를 업로드해줍니다.

이제 "HTML/CSS"에서 스킨을 수정해줍니다. 위치는 어느 위치에 하시도 상관없으시며, <s_sidebar_element>와 </s_sidebar_element> 사이면 됩니다.

저는 기존의 태그를 이 3D로 바꾸려고 합니다. 그래서 기존의 태그위치에 붙여넣기를 했습니다. 

 소스.txt

한페이지에 넣고 캡쳐한다고 모양이 조금 지저분한네요..^^;

스킨을 수정하고 미리보기... 근데 제 블로그 색이랑 너무 안맞아서 몇가지 수정을 했습니다.

배경색은 #FFFFFF(흰색) 에서 #4f4f5f(검정계통으로)으로 수정

글자색(tcolor)은 222222(검정계통)에서 FFFFFF(흰색)으로

마우스를 위치했을 때 나타나는 색은 노란색(FFE400)으로 수정을 했습니다.

최종적으로 블로그에 적용된 3D 태그~