블로그 강좌) '물결무늬!' 블로그 제목에 물결 플래쉬 넣기.

 잠시 짬내서 포스팅합니다. 

블로그를 사용하다보면, 

특히나 다음, 네이버와 같은 포털 사이트의 블로그가 아니라 

티스토리나 이글루스와 같은 설치형 블로그를 쓰시는 분이라면 누구나

Html/CSS편집을 조금씩 시도하실 것입니다. 

설치형 블로그의 높은 자유도를 이루는 근간이지만 

태그나 html편집에 생소한 경우에는 어려울 수 있고 오히려 스킨이 뒤죽박죽이 되기도 합니다 ^^;;

그래서 이제 짬짬이 html편집도 공부하는 겸 그에 관한 포스팅도 올리려고 합니다. 

이번 포스팅은 블로그 제목에 물결 무늬 효과를 넣는 방법입니다. 

기존에 이미 Min님께서 이에 대해 포스팅해서 이게 거의 대세이지만 http://rainopen.tistory.com/157

저는 그대로 따라해도 계속 안되더라고요;;;;

그래서 약간 수정한 방식으로 , 제가 이해한 방식으로 올렸습니다 .

물론, 기본은 Min님이 제공하신 Script를 좀 손본것입니다. 

우선, 다운로드를 받습니다. 

Min님의 자료에 약간 손을 본 자료입니다. 

물결무늬.rar

이 자료를 받아서 바탕화면이든 어느곳에나 펼칩니다. 

그런다음 이 자료들을 우선 블로그에 올려야 되는데, 어떻게 하는고하니

티스토리를 기준으로 설명할 때 관리로 들어가서 

가장 위의 카테코리들 중 '스킨'에서 'HTML/CSS편집'으로 들어갑니다.

그러면 아래와 같이 편집화면이 나타나게 되죠-

           -클릭하시면 크게 보입니다. ^^-

저 화면에서 'HTML/CSS 편집' 탭 옆의 '파일 업로드' 탭을 눌러 파일업로드로 넘어갑니다. 

 그리고는 파일 업로드 탭 상에서 '파일업로드'를 눌러 아까전의 받았던 파일들의 경로를 따라간후 파일3개를 모두 올립니다.

여기선 script.txt, viewTitle.js, viewTitle.swf가 되겠죠.          

올리고 나서는 내 컴퓨터에 있던 script.txt를 엽니다. 

그럼 다음과 같은 창이 뜹니다. 

그러면 위에서 <!--Flash title Script 부터 시작해서 아래까지,

즉 이부분이겠죠.

<!--Flash Title Script Start -->>

<script language="javascript"  src="./images/viewTitle.js" type="text/javascript">

</script>

<script language="javascript">

showTitle("./images/", "viewTitle.swf", 600, 30, "블로그 강좌) '물결무늬!' 블로그 제목에 물결 플래쉬 넣기.", "/122", "center", "0x00000");

</script>

<!-- Flash Title Script End -->

그리고는 블로그로 돌아가 아까전의 '파일업로드' 탭 옆의 'HTML/CSS'탭을 누른 다음

방금 위에서 복사한 스크립틀르 붙여넣을 곳을 찾아봅니다.

HTML/CSS 탭에서도 

Skin.html과 Style.css가 있는데

Ctrl + F를 눌러 'article_rep_title'이라고 치도록 합니다.

그러면 검색결과가 두 가지 정도 나오는데, 

보기와 같이 검색이 되었군요. 

그러면 이제 아까 복사한 태그로 바꿀 녀석을 찾을 차롑니다.

<h2><a href="/122">블로그 강좌) '물결무늬!' 블로그 제목에 물결 플래쉬 넣기.</a></h2>

이겁니다. 

이 스크립트를 아까 위에서 복사한 글로 바꾸도록 합니다. 

그럼 아래와 같이 바뀌겠죠. 

그럼 이제 자동으로 작성한 포스팅의 제목이 물결 무늬로 바뀌게 됩니다. 

포토샵을 통해 플래쉬 타이틀 자체를 좀 다르게 만들 수 도 있지만 그건 포토샵 관련이니까-

이상, 오늘의 포스트였습니다. :)