티스토리 블로그 포스트제목 물결플래시 적용하기

블로그 예쁘게 꾸미기 프로젝트! 포스트의 제목을 예쁘게 꾸며보자!!

기존의 단순한 텍스트의 제목을 좀더 예쁘게 꾸며보겠습니다.

포스트 제목 물결플래시로 적용하기.

먼저 아래파일을 다운받아 압축을 풀어주세요.

viewTitle_tistory_edited1.zip

압축을 푸시면 다음과 같은 파일들이 보이실 겁니다.

이 파일 중에서 viewTitle.js, viewTitle.swf 파일 두개를 파일업로드 합니다.

다음은 style.html 을 수정할텐데요.

압축푼 파일에서 script.txt 열어보시면, (색상변경 및 사이즈 조절에 관한 설명도 있습니다.)

<script language="javascript"  src="./images/viewTitle.js" type="text/javascript">
</script>
<script language="javascript">
showTitle("./images/", "viewTitle.swf", 600, 30, "[　##_article_rep_title_##]", "[　##_article_rep_link_##]", "center", "0x00000");
</script>

이렇게 쓰여있는 소스로 수정하시면 됩니다. 어디를 수정하느냐 하면,
style.html 에서 Ctrl + F 하셔서 'article_rep_title' 를 찾아주세요.

<h2> ~ </h2> 에 둘러 쌓여 있죠?

이 부분을 <h2> ~ </h2>까지 모두 삭제하시고 위의 박스에 있는 소스를 붙여넣어 주시면 됩니다.


※ 가장 중요한 부분!

'article_rep_title' 부분이 두군데 있습니다!
<보호글>, <포스트의 본문 시작> 이렇게 두군데에 있는데 모두 수정을 해야 적용됩니다.

<보호글>

<포스트의 본문 시작>

짠~ 딱딱하고 밋밋했던 포스트의 제목이 좀더 예쁘게 꾸며졌죠?

 

                                     <적용전>                                                                          <적용후>

아름다운 블로그를 위한 블로그 꾸미기 프로젝트는 계속됩니다~ 쭈~욱~