Tistory 포스트 제목을 이~~쁘게

티스토리 블로그의 장점은 초보자들도 어느 정도 까지는 쉽게 꾸밀수 있다는 장점이 있습니다.
저도 요즘 블로그 꾸미는 재미가 솔솔 합니다.^^
오늘은 포스트 제목을 좀더 이쁘게 꾸며 보도록 하겠습니다.
상단 타이틀이 물결 치는듯한 효과가 보이시죠?
벌써 많은 분들이 사용하고 계시고 또 많이 알려져 있지만 이곳에 오시는 방문객들 중
필요 하실까 하여 포스팅 합니다.
블러그 접속 할때 약간의 딜레이가 생기지만 그래도 멋진 것이 좋군요.

viewTitle.zip

먼저 위의 파일을 다운  받고 압축 풀어서 아래 두파일을 스킨에서 파일업로드 하세요.

먼저 다운 받은 script 파일을 열어서 복사 하세요.
다음은 스킨을 제거 합니다.
HTML/CSS 편집 창에서 Ctrl + F키 눌러서 article_rep_title 이 부분을 찾으세요.
아마도 두 군데 일것입니다.(아래 이미지에서 빨간색 태두리)

첫 번째에서 <h2>포함 해서 </h2> 까지 지우시고 복사한 스크립트 파일 붙여넣기.

두 번째 항목에서도 <h2>~~</h2> 까지 지우고 복사한 내용 붙여 넣기.
저장 하시면 저와 똑 같은 효과가 나타 납니다.

여기서 스크립트 내용을 볼까요?

<script language="javascript"  src="./images/viewTitle.js" type="text/javascript"></script>
<script language="javascript">
showTitle("./images/", "viewTitle.swf", 800, 50, "[　##_article_rep_title_##]", "[　##_article_rep_link_##]", "left", "0x0000E6");</script>

상기 내용중 800=가로크기, 50=세로크기, left=위치(center.right), 0x0000E6=텍스트 색상 입니다.
기호에 맞게 변경 하시길….
색상에 관한 정보는 이곳으로

그리고 저는 타이틀 아래 이 부분이 불필요하여 아래 스킨을 제거 했습니다.
카테고리는 아래에 표시되고, 올린 날짜는 그리 중요하게 여기지 않고 미관상 보기에 좋지 않군요.

▶<span class="date">2010. 9. 2. 11:06</span>와
▶<span class="date">2010. 9. 2. 11:06</span></div><!-- titleWrap close --    
   ><s_ad_div>

위치는 수정한 항목 바로 아래에 위치 합니다.
두 곳에서 위 항목을 제거하니 아주 께끗하고 심플 하군요.

아주 맘에 듭니다.
오늘은 여기 까지….