2014. 5. 24. 23:47

 

 

후티스토리입니다.

 

티스토리 태그목록 화면을 움직이는 태그목록이 되도록 바꾸는 방법을 알아보겠습니다.

 

다른 분들의 블로그를 방문해보니 거의 움직이는 태그가 많군요. 폭풍 검색을 통해 적용해봤습니다.

 

 

왼쪽이 기존의 태그 모습이며 오른쪽이 코드 적용 후의 모습입니다. 많이들 보셨죠.

 

 

 

 

                        

     [변경 전]                                                             [변경 후]

 

 

 

첨부된 파일을 다운받은 후 압축을 푼 후

 

HTML/CSS 편집에서 파일업로드 클릭 후 두 개의 파일을 올려줍니다.

 

 

태그 움직이기 파일받기 -> 태그움직이기.zip

 

 

 

 

 

 

 

 

 

 

▶  첨부된 태그움직이기 html 소스 파일을 복사하여

 

HTML/CSS 편집의 skin.html에서 태그목록을 검색을 통하여 찾은 후

 

<ul> 복사한 태그움직이기 코드 붙여넣기 </ul> 사이에 붙여넣습니다.

 

 

아래의 소스에서 #fffffff 부분은 배경색이구요, tcolor 부분은 글자색,

 

tspeed 부분은 태그의 움직임 속도입니다. 당연히 숫자가 높으면 좀 더 빨리.

 

후티는 150으로 설정했습니다.

 

 

태그 움직이기 소스 받기 -> 태그움직이기소스코드.txt

 

 

 

<ul> ~ </ul>사이에 기존에 있던 내용을 지워도 제 티스토리에서는 되네요.

 

혹 모르니 적용 전 스킨 저장은 필수..

 

 

 

 

 

 

 

 

 

 

 

이렇게 간단히 동적인 태그목록을 만들 수 있습니다.

 

태그목록 자체가 어디있는 지 모르신다구요?

 

꾸미기 - 사이드바에서 태그목록 모듈을 추가한 후 위치를 조정해주면 됩니다.

 

 

 

 

 

 

 

 

 

 

 

한 가지 팁을 더하자면 보여지는 태그 목록의 갯수를 조절할 수 있는데,

 

화면 설정 -> 화면 출력에서 사이드바에 보면 태그 부분이 있습니다.

 

보여지는 갯수 및 출력 방법에 대해서 정할 수 있습니다.

 

 

 

 

 

 

 

 

 

원래의 정적인 태그목록과 동적인 태그목록 중 어떤 것이 나은 건지는 모르지만

 

후티 개인적으로는 움직이는 태그 목록이 좋아보입니다.

 

 

후티와 같이 태그목록 움직이게 하는 방법을 알아보았습니다.

Posted by 후티