본문 바로가기

IT/Blog Tip

[티스토리] 태그 클라우드 설치하기

반응형

티스토리의 사이드바에는 태그목록이 존재합니다.

하지만 단순히 태그를 나열해놓은 것이기 때문에 심심한 느낌을 줄 수 있습니다.

그래서 보통 태그 클라우드를 활용해서 시각적인 효과를 제공합니다.

태그 클라우드에 필요한 파일을 첨부해 놓습니다.

다음 첨부된 파일을 다운로드받고 압축을 해제합니다.

tagcloud.zip

아래와 같이 파일업로드에서 2개의 파일을 업로드 해줍니다.

다음으로 HTML/CSS 탭으로 이동합니다.

'태그목록'으로 검색을 하면 다음과 같은 부분이 보이는데 <ul>과 </ul> 사이에 있는 텍스트를 모두 삭제합니다.

그리고 <ul>과 </ul> 사이에 다음 첨부 파일 안의 코드를 입력합니다.

script.txt

다음과 같은 형식으로 됩니다.

미리보기 버튼을 눌러서 정상적으로 출력되는지 확인하신 이후에 저장하시면 됩니다.

반드시 미리보기를 하고 기존 소스코드도 백업해놓으면 됩니다.

정상적으로 설치가 되는 것을 확인할 수 있습니다.

동직인 느낌의 태그목록을 사용할 수 있습니다.

추가로 <ul> 위에 있는 <h3>태그목록</h3> 사이의 태그목록의 이름을 바꾸면 타이틀이 변경되게 됩니다.

반응형