티스토리 제목 물결 플래시 적용하기

http://minsangk.com/91 님 블로그에서 보고 추가 작성해보았습니다.

저 처럼 초보에게는 보충 설명이 필요해서 작성들어갑니당~^^

적용과정 요약
Ⅰ. 관련 파일을 다운하여 티스토리 관리자에서 업로드 시킵니다.
Ⅱ. HTML/CSS 편집에서 보호글 부분과 포스팅 본문 부분과 두군데를 수정시킵니다. 
Ⅲ. 적용 확인

이제 시작하겠습니다.

우선 아래 파일을 다운받으세요.

viewTitle_tistory_edited1.zip

파일 압축을 풀면

세가지 파일이 나타납니다.

적용할 티스토리 관리자 >스킨> HTML/CSS 편집 > 파일업로드로 가셔서

viewTitle.js
viewTitle.swf

위 2개 파일을 업로드 버튼을 눌러서 업로드 시킵니다.

그런후

다운 받으신 3개 파일중에서 script.txt 파일을 열어 코드를 복사하세요.
복사할 코드는 아래와 같습니다.

<script language="javascript"  src="./images/viewTitle.js" type="text/javascript"> </script> <script language="javascript"> showTitle("./images/", "viewTitle.swf", 600, 30, "티스토리 제목 물결 플래시 적용하기", "/92", "center", "0x00000"); </script>

티스토리 관리자 어드민 HTML/CSS 편집 탭을 눌러서 자판의 Ctrl+F을 누릅니다.

article_rep_title을 찾습니다.

아래의  캡쳐 내용 처럼 보호된 글 부분 이라는 곳에 article_rep_title 문단 이후로 복사한 내용을 붙여넣기 합니다.

 
그리고 찾은 문장 앞뒤로 <!-- -->를 꼭 해줍니다.


그리고 Ctrl+F로 article_rep_title을 또 찾습니다.
포스트의 본문 시작 이라는 곳에 article_rep_title 문단 이후로 복사한 내용을 붙여 넣기 합니다.

위에 마찬가지로 찾은 문장 앞뒤로 <!--  -->를 꼭 해주세요.
<!--  -->를 해주는 이유는 기존 제목 나오는것을 보여지지 않게 하는 것이지요.


그러면 완성! 됩니다.





추가 Tip_플래쉬 제목 옵션

<script language="javascript"  src="./images/viewTitle.js" type="text/javascript"> </script> <script language="javascript"> showTitle("./images/", "viewTitle.swf", 600, 30, "티스토리 제목 물결 플래시 적용하기", "/92", "center", "0x00000"); </script>

center는 제목의 위치이므로 left, right로 위치를 조정할 수 있으며
0x00000는 제목의 색상이므로 마음에 드는 색상코드(16진수 색상표기)로 적용할 수 있습니다.
600 가로 플래쉬 타이틀 크기(가로) 조정 가능합니다.
30 세로 플래쉬 타이틀 크기(세로) 조정 가능합니다.