본문 바로가기

Blog Story/블로그 팁

[물결플래시] - 티스토리 블로그 제목에 적용하기




말 그대로, 여러분의 블로그에 포스트 제목을
출렁이는 물결 모양으로 바꾸는 방법 입니다.


이것은 원래 민상님의 블로그
http://minsangk.com/
에서 소개되어 있는 방법 입니다.

따라하기만 하면 쉬우니, 잘 따라 와 보셔요~



일단, ▲ 요거 다운 받아서 압축을 풀어주세요

압축을 풀면 ▼요렇게 3개의 파일이 나타납니다.


관리자모드 - 스킨 - HTML/CSS 편집 - 파일업로드
경로를 찾아가서 압축이 풀린 파일 3개를 업로드 합니다.



관리자모드 - 스킨 - HTML/CSS 편집
경로를 가서 Ctrl + F 기능 으로  article_rep_title  을 검색 합니다.


아마도 이런 부분이 보이겁니다.
여기서 <h2> 에서부터 </h2> 까지가 수정 할 부분 입니다.


어떻게 수정 하느냐면,
아까 압축을 풀어서 나온 파일 3개중 TEX 파일을 열어 봅니다.


텍스트파일의 내용중에서

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

이런 소스가 보이실겁니다.

이걸 복사해서, 검색 해서 나온 부분
<h2> 에서부터 </h2>까지 부분까지 삭제하고
그자리에 그대로 붙여넣기 하시면 됩니다.



미리보기를 먼저 적용 시켜 본 후
아무 이상이 없으면 저장하기를 누릅니다.




이제 완성 입니다.
참 쉽죠??




Tip

1. 제목의 위치정렬을 바꾸시려면 center 를 left/right 로 수정하시면 됩니다.

2. 색상을 바꾸시려면 0x000000 을 수정하세요. (16진수 RGB 입니다)
x뒤에 밑줄친 부분을 바꾸시면 됩니다.

참고 : 2009/08/23 - [Blog story/블로그 팁] - 웹에 적용 되는 색상 코드

색상코드에서 원하는 색깔을 선택 하신 후, #을 떼고 넣으세요.