본문 바로가기

StudyRoom/Make a blog

[티스토리 꾸미기] 태그 클라우드 수정하기

 

 

이번 포스팅에서는 태그 클라우드 설치하는 방법을 알아볼 예정입니다.

태그 클라우드란 저의 블로그에 있는  

요모양을 하고 있는 태그가  되겠습니다^^

 

1. 일단 자료를 다운 받아주세요 

   tagcloud.zip

 

 

2. 받은 자료의 압축을 풀어주세요

   그럼 위와 같이 3가지의 파일을 보실 수 있습니다.

   간단히 설명을 드리면

   Script.txt는 Admin 모드의 Html/CSS 편집에 넣을 스크립트이구요.

   swfobject.js, tagcloud.swf 는 파일 업로드를 할 것입니다.

 

3. 위의 파일 중 swfobject.js 와 tagcloud.swf를 업로드시켜주세요

 

 

사진을 클릭하시면 아주 잘 보여요~ㅎ

 

4. html/css에서 Skin.html을 script.txt의 내용으로 수정해주세요

 

 script.txt의 내용을 복사합니다.

 

 

 

 내용을 복사한 후 skin.html 의 소스를 찾아보면

 

 

와 같은 소스를 확인하실 수 있습니다.

이부분은 찾기 나름이겠지만 스킨마다 다를 수 있으니  ##_tag_class_## 으로 검색을 하시는게 가장

적합해보입니다. (검색 단축키 Ctrl + F)

 

<h3> </h3> 안에 Tag Cloud  와 같이 타이틀이 있는 경우는 해당 키워드로 검색하시는것이

가장 좋을 듯 싶어요. 사이드바쪽을 보시면 이미지 처럼 왠만하면 타이틀이 다 붙어있거든요. 저는 지웠지만..;

 

<ul> </ul> 사이의 기존 코드를 지우고  복사한 script.txt의 코드를  붙여넣기를 합니다

 

 

위의 이미지에서 파란색으로 선택된 부분이  Script.txt에 있던 코드입니다.

복사후 저장하기를 누르시면 모든 설정이 끝이 납니다.

 

요롷게 오늘도 포스팅 하나를 끝마치네요^^

기타 부족한 부분은 댓글을 달아주시면 추가 설명해드리겠습니다^^