티스토리 스튜디오 화이트 스킨 방명록 - 한글이나 이미지로 교체

고수 블로거 분들은 요즘 반응형 웹 스킨으로 바꾸시느라 분주하시던데...

저는 焉敢生心 엄두도 못내고 나중에 선지자께서 배포하는 스킨을 얻어 쓸 생각이구요 ㅎ

오늘은 제가 사용 중인 티스토리 스튜디오 화이트 스킨에 대해 얘기해 볼까 합니다.

티스토리 스튜디오 스킨은 2007년 12월에 다크(텍스트형)와 화이트(이미지형)로 티스토리가 제작

배포한 스킨인데요.이 스킨의 깔끔함이 마음에 들어 사용하고 있는데,이 스킨은 타이틀 영역에 메뉴 바나

메뉴 버튼이 없고 페이지 맨 하단 우측에 배치되어 있습니다.

티스토리스튜디오스킨방명록_1


티스토리스튜디오스킨방명록_2



제 블로그에 방명록이 어디에 있냐고 물어 오시는 분이 종종 계시고

이 블로그에 익숙치 않은 방문자 분의 편의를 제공할 요량으로 머리 아픈 스킨 편집창을 들여다 보기를 수차례...

본래 있는 자리에 이미지 파일을 만들어 붙여 넣고 타이틀 영역에도 버튼을 집어 넣었습니다.

티스토리스튜디오스킨방명록_3


티스토리스튜디오스킨방명록_4



저에겐 스킨 편집은 넌더리가 나고 머리가 지끈지끈한 일인데...

티스토리 스튜디오 화이트 스킨 사용자 분 중 관심 가는 분이 계시면 저와 함께 지긋 지긋한 스킨 편집창으로 

가 봅시다.

이미지 파일을 만들어 두신 분은 먼저 업로드를 해서 주소를 따 오셔야 할 테구요.

조잡하게 만든 저의 이미지 파일일지라도 사용할 의향이 있으신 분을 위해 아래에 텍스트로 첨부해 놓겠습니다.


페이지 하단 메뉴의 Guestbook 한글이나 이미지 파일로 교체하기


일단 스킨 편집 HTML/CSS 화면에서 찾기 기능 ( Ctrl + F )으로 Guestbook을 입력하고 업 다운 버튼으로

skin.html에서 수정할 부분을 찾습니다.캡쳐 이미지 참조

티스토리스튜디오스킨방명록_5



링크 치환자 코드로 감싸여 있는 Guestbook을 방명록으로 입력하거나 이미지 파일로 대체하고 미리보기한 후 

저장하면 방문자 분께 조금의 편의를 제공할 수 있을 겁니다.

                                 티스토리스튜디오스킨방명록_6



블로그 타이틀 영역에 방명록 버튼 집어 넣기


다시 찾기 기능으로 h1을 입력하고 </a>와 </h1> 사이에 버튼 소스 코드를 넣어 줍니다.

티스토리스튜디오스킨방명록_7




제가 사용한 소스 코드는 <DIV style="float:center; margin: -40px 0px 0px 400px">

<img src=버튼 이미지 주소>

</DIV>입니다.마진의 숫자는 취향에 따라 조정하시면서 '미리보기','미리보기' 하면 조정이 될 겁니다.

티스토리스튜디오스킨방명록_8


첨부된 텍스트 파일의 이미지 주소는 제 블로그에서 업로드 되었기 때문에 그냥 사용해도 되구요.

미흡한 설명을 읽어 주셔서 감사합니다.



                                                                            방명록.txt


댓글

Designed by JB FACTORY