티스토리 블로그 3D클라우드 태그 적용

어느 블로그에나 태그란것이 존재합니다

태그란것은 간단히 말해서

우리가 포스팅을 하면

그 포스팅의 검색을 위해 표현해주는 

단어나 키워드들의 집합이라고 보시면 됩니다

태그를 표현해주는 형태를 보면

네이버 블로그의 경우 요런형태

티스토리 블로그의 경우 요런형태

그냥 텍스트의 나열정도밖에 안되는데

좀 특별하게 보이고 싶거나 

튀고 싶은 경우는 태그폰트,글상자들을 첨부하기도 하는데

저의 경우에는 3D 클라우드 태그를 적용했습니다

3D 클라우드 태그를 적용하면 아래처럼

태그가 나옵니다

제 블로그 우측 사이드바에서 중간에 보시면 

3D 클라우드 태그가 적용된 화면을 보실수 있습니다

마우스를 가까이 가져가면

태그들이 빙빙 돌아갑니다

중심점에서 멀어지면 더 빨라집니다

원본은 하두 예전에 받아놓은거라

어느분께서 만드셨는지 출처는 알수가 없네요 ㅠㅜ

이런 멋진 3D클라우드 태그를 사용하게 해주신데

만들어주신분께 정말 진심으로 감사드립니다

그럼 3D 클라우드 태그는 어떻게 적용시키는지 알아보겠습니다

먼저 관리자모드로 들어가서

첨부된 파일중 두개를 업로드 시켜줍니다

클라우드 태그.zip

업로드를 확인하셨으면 다시 HTML/CSS 편집 모드로 돌아갑니다

s_random으로 검색을 해보시면

아래 그림처럼 나오는데요

이부분에

첨부된 script.txt 파일의 내용을 복사해서 넣어줍니다

박스쳐진 기존의 태그내용은 삭제하셔도 무방하고

주석으로 해놓으셨다 다시 복원할때 사용하셔도 됩니다

tcolor 부분은 클라우드 태그 글씨 색상

hicolor 은 마우스가 오버되었을때 글씨 색상

tspeed 는 마우스가 가까이 갔을때의 반응속도입니다. 수치가 올라가면 속도도 빨라집니다

저는 hicolor는 파랑으로, tspeed는 150으로 설정을 했습니다

color 변경은 html 색상표를 검색하시면 됩니다

이제 저장을 누르시면 설정이 완료됩니다

이제 블로그 홈으로 가셔서 설정된

3D 클라우드 태그를 확인하시면 됩니다~