일상 정보 공유

티스토리 블로그 움직이는 태그 구름 만들기

(ごεご)乃 2013. 2. 17. 15:16

티스토리 블로그 움직이는 태그 구름 만들기

 

 

 

 

 

 

 

 기존의 태그 박스

움직이는 태그 구름 적용 후 태그 박스 

 

기존의 태그 박스는 너무 없어 보인다..-_-..

 

필자는 원래 효율 보다는 디자인을 선호 하기 때문에.. 태그박스를 사이드바에서 항상 제외 시켰었다..!!

 

그러던 어느날..

 

예쁘게 돌아가는 태그 박스 발견..-ㅁ-..

 

허억 ~ 이건 머지 ... 열심히 검색 후 태그 클라우드(태그 구름이라고 하기도 한다)라는걸 알게 되었고 블로그에 셋팅 하게 되었다.

 

 

 

자 ~ !

 

이제 셋팅 해 보자 ~ !

 

 

 

 

 

tagcloud.zip<--다운 !

 

티스토리 블로그 관리자 모드 접속 - 파일 업로드 - 추가 클릭하여 첨부 파일을 압축 해제 하여 swfobject.js 와 tagcloud.swf 파일을 웹에 업로드한다.

 

 

 

 

 

 

 

 

 

 

 

 

움직이는태그_코드.txt <--다운 !

 

HTML/CSS편집 - ctrl+F로 skin.html 안에 있는 " tags " 검색 <UI>와 </UI> 사이에있는 빨간 박스 안의 내용을 삭제 후 첨부파일의 내용을 복사하여 붙여 넣기한다.

 

 

 

 

 

 

 

 

 

 

 

 

날따라 해 봐요 ~ 요렇게~

 

 

 

 

 

 

 

 

 

 

 

 

 

화면설정 - 사이드바 - 태그 설정 (필자는 40개/인기순으로 설정) - 저장

태그가 많아야 있어 보이고 이쁘다 !!

 

 

 

 

 

 

자료 출처 - Y&S 두 여자의 말랑말랑 생활공감 :: 티스토리 블로그
http://yslife.tistory.com/