2012. 1. 12. 13:37

티스토리 글제목 물결모양으로 꾸미기

Tistory_물결제목.zip



자 오늘은 티스토리 글 제목을 멋지게 물결모양으로 한번 꾸며 봅시다.
확 튀는 효과도 하구요. 설치해놓고 보면 굉장히 예쁩니다. 저도 설치하고 뿌듯했어요^^*

설치를 완료하고 나면 제 글의 제목처럼 물결효과가 나와요. (단,특수문자, 한자 등에는 적용되지 않으니 참고!)
자 ~ 따라해보세요!!

1. 파일을 업로드 합니다. 첨부파일을 받아 압축을 해제하면 파일 3개가 있습니다.

먼저 압축 파일 안에 들어있는 viewTitle.js 파일과 viewTitle.swf 파일을 티스토리 관리화면으로 진입 "관리 > 스킨 > HTML/CSS 편집 > 파일 업로드"에 업로드합니다.


↓↓↓ 아래와 같이 업로드 합니다.

 



2. HTML/CSS 코드수정
우선, 아까와 마찬가지로 "관리 > 스킨 > HTML/CSS 편집"에 들어갑니다.
그리고 ##_article_rep_title_## 을(를) 검색합니다.

※##_article_rep_title_## 을(를) 검색하면 두 군데가 나옵니다. 이 두 군데 모두 수정해주셔야 합니다.

기존에 있던 부분은 <!-- 와 -->로 감싸줍니다.

ex) 다음과 같이 바꿉니다.
기존 : <h2 class="title"><a href=" ##_article_rep_link_## "> ##_article_rep_title_## </a></h2>
변경 : <!-- <h2 class="title"><a href=" ##_article_rep_link_## "> ##_article_rep_title_## </a></h2> -->

그런 다음 밑의 메모장을 첨부하니 메모장 안의 태그를 복사하여 바로 밑에 붙여넣기만 해주시면 됩니다. ##_article_rep_title_##  이 부분을 검색하시면 두 군데가 나오십니다. 두 군데 모두 수정을 해주셔야 태그가 정상 작동 한답니다.

script.txt


자 예쁘게 적용되셨나요?
도움이 되셧다면 아래 추천한방씩~ 쎈스만점!