'움직이는 태그'에 해당되는 글 1건

  1. 2013.02.02 티스토리 움직이는 태그로 변경하는 방법 by S 12

 

 

 

티스토리를 사용하면서 뭐니뭐니해도 가장 좋은점은 내 마음대로 블로그를 꾸밀 수 있다는 점이다.

 

뭐 네이버 블로그가 티스토리에 비해 방문자수가 많다고 하는데 현재 블로그 생성 50일 남짓한 기간만에 일일 방문자수 평균 2~3천 정도가 들어오고 있으니 딱히 그런 것 같지도 않다.

(물론 두명이서 글을 매우 열심히 쓰긴 했지만... ^^;;)

글을 쓰면 키워드 노출도 네이버 상단에 잘 되는 편이고...방문자들이 무슨 키워드를 검색하여 내 블로그를 방문했는지 유입경로도 알 수 있으니 블로그를 운영 할수록 티스토리로 시작한게 참 잘했다는 생각이 든다.

(요 유입경로 보는 재미가 아주 쏠쏠하다. 방문자수가 늘면 왜 늘어났는지도 바로 알 수 있으니...)

 

물론 html을 어느정도 알고 있어야 사용이 편리하지만 그거야 약간만 공부하면 되고...(복잡한건 검색하면 다 나오는 편리한 세상이라 깊게 알지 않아도 충분하다.ㅋ)

 

그래도 요새는 테이블을 사용했던 기존 방식에서 div를 사용하는 웹표준 코딩이 대세인지라 조만간 정식으로 한번 배워볼까 생각중이다. (그럼 티스토리를 좀 더 내맘대로 뜯어고칠 수 있겠지...) 

 

어쨌든 이번엔 블로그들 돌아다니면서 보았던 움직이는 태그를 티스토리에 적용해 보았다.

처음 만드신분이 누군지는 모르겠으나 이미 소스가 많이 돌아다니는 관계로 아주 쉽게 변경할 수 있었다.(능력자분~ㄳ^^)

 

 

 

이렇게 기존의 너무 정직해서 재미없는 태그를 플래시로 움직이는 재미있는 태그로 변경하려 한다.

 

 

 

 

tagcloud.zip

 

1. 위의 파일을 다운받아 압축을 풀어 swfobject.js 와 tagcloud.swf 파일을 웹에 업로드 시켜야 하는데

   관리자페이지 html/css편집에서 파일업로드탭을 클릭해 추가버튼으로 파일두개를 올리면 된다.

 

 

 

 

 

 

2. html/css탭을 다시 클릭하여 Ctrl+F를 누르면 글자가 들어간 부분을 찾을 수 있는데 상단에 tags라고 써주고 다음찾기를 눌러 검색한다.

 

 

 

 

 

 

3. 스킨마다 다를 수 있으나 스크롤바 하단부분에 태그목록 코드가 들어가 있는걸 찾을 수 있을것이다.

<UI></UI>사이에 있는 <s_random_tags>에서 </s_random_tags>라고 써진 부분대신에

아래의 메모장에 써있는 코드를 다운받아 집어 넣어주면 된다.

 

움직이는태그 코드.txt

 

 

 

 

여기서 'ffffff'는 배경색이다. 현재 흰색으로 되어 있으므로 변경하려면 이 부분에 색상코드를 집어 넣어주면 된다.

'222222'는 글자색이다. 글자색상을 바꾸려면 여기에 원하는 색상코드를 넣어주면 된다.

'100'은 마우스를 올려놓았을때 태그들이 움직이는 속도이다. 이곳을 200으로 바꾸면 속도가 두배정도 빨라지고 50으로 바꾸면 속도가 느려지므로 원하는데로 조정할 수 있다.

 

다 변경했으면 하단 미리보기를 눌러 제대로 적용이 되었는지 확인 후 저장해주면 적용된다.

 

 

 

그럼 티스토리 태그 움직이게 변경 완료~!!!

 

 

 

 

 

 

 
 
 
 
Posted by Y&S