티스토리 방명록 창에 배경그림 넣는방법

티스토리 방명록 창에 배경그림 넣는 방법을 소개할까 합니다^^
티스토리 방명록 창에 배경그림 넣는 방법은 댓글창에 배경그림 넣는 방법과 동일합니다.
티스토리 방명록 창에 배경그림을 넣어서 블로그를 예쁘고 멋지게 꾸며보세요~

티스토리 블로그 스킨 Life In Mono(Light)를 기준으로 작성되었습니다.
그림판 사용시 알씨 프로그램이 필요합니다.

1. 방명록 창 사이즈 측정하기

Life In Mono(Light) 스킨의 사이즈는 635 X 38입니다.

여러가지 방법이 있지만 쉽고 편하게 스크린샷을 찍어서 사이즈를 알아보도록 하겠습니다 ^^

방명록을 클릭한 후 Alt+Prt Scr를 눌러주세요. 그림판 또는 포토샵에서 붙여넣기 합니다.

Ctrl+V를 눌러주세요.

그림판 : 마우스를 이용해서 방명록 창만 잘라주세요.
상위메뉴 파일에서 새로만들기 후 붙여넣어고 다른이름으로 저장해주세요.
원하시는 경로에 저장하신 후 마우스 오른쪽 버튼을 클릭하면 방명록 사이즈가 표시됩니다.
(알씨가 설치되어 있어야 합니다)

---

포토샵 : Crop Tool을 이용해서 방명록 창만 잘라주세요. 상위메뉴중 Image -> Image Size 「Width&Height」를 확인하시면 방명록 사이즈가 표시됩니다. 

2. 원하는 배경그림 업로드 하기

티스토리 방명록 창에 넣고 싶은 배경그림을 「635 X 38」 사이즈로 만들어주세요.
티스토리 관리자 메뉴의 스킨 -> HTML/CSS 편집으로 이동합니다.
파일업로드를 눌러 티스토리 방명록 창에 넣고 싶은 배경그림을 업로드 해주세요.

왼쪽의 미리보기 창에 마우스 오른쪽 버튼을 눌러 주소를 확인하고 드래그해서 복사해 놓습니다.

3. HTML/CSS 스크립트 수정하기

HTML/CSS편집탭 skin.html에서 Ctrl+F 를 눌러 검색창에서 「##_guest_textarea_body_##」입력합니다. ##_guest_textarea_body_## 1개 일치로 검색되었습니다.

style="background-image:url(./images/dat.jpg);background-repeat:no-repeat; background-position:right"

수정전 태그

<textarea 여기 name="" cols="50" rows="6"></textarea>

노란색박스 부분 중 여기라고 표시된 부분에 따옴표옆에 표시된 태그를 넣어줍니다.

［images/dat.jpg］← 원하는 배경그림 업로드 하기에서 확인한 본인의 그림주소로 꼭 바꾸어주세요.

수정된 태그
<textarea style="background-image:url(./images/dat.jpg);background-repeat:no-repeat; background-position:right" name="" cols="50" rows="6"></textarea>

아래의 미리보기 버튼을 눌러 확인 후 저장을 눌러줍니다.
(화면출력 설정에서 댓글을 기본으로 펼침이 설정되어 있어야 합니다)

4. 확인하기

티스토리 방명록 창에 배경그림이 넣어졌습니다^^ 귀여운 리락쿠마가 보이네요~
쉽게 설명드리려고 노력했는데 어떠셨나요? 오류 및 문의사항은 댓글남겨주세요!
댓글창뿐만 아니라 방명록 창에도 배경그림을 넣어 블로그를 예쁘고 멋지게 꾸미시길 바랍니다.

▶ 부족한 포스팅 끝까지 봐주셔서 다시한번 감사드립니다.