티스토리 방명록 창에 배경그림 넣는 방법을 소개할까 합니다^^
티스토리 방명록 창에 배경그림 넣는 방법은 댓글창에 배경그림 넣는 방법과 동일합니다.
티스토리 방명록 창에 배경그림을 넣어서 블로그를 예쁘고 멋지게 꾸며보세요~
티스토리 방명록 창에 넣고 싶은 배경그림을 「635 X 38」 사이즈로 만들어주세요.
티스토리 관리자 메뉴의 스킨 -> HTML/CSS 편집으로 이동합니다.
파일업로드를 눌러 티스토리 방명록 창에 넣고 싶은 배경그림을 업로드 해주세요.
왼쪽의 미리보기 창에 마우스 오른쪽 버튼을 눌러 주소를 확인하고 드래그해서 복사해 놓습니다.
티스토리 방명록 창에 배경그림이 넣어졌습니다^^ 귀여운 리락쿠마가 보이네요~
쉽게 설명드리려고 노력했는데 어떠셨나요? 오류 및 문의사항은 댓글남겨주세요!
댓글창뿐만 아니라 방명록 창에도 배경그림을 넣어 블로그를 예쁘고 멋지게 꾸미시길 바랍니다.
▶ 부족한 포스팅 끝까지 봐주셔서 다시한번 감사드립니다.
티스토리 방명록 창에 배경그림 넣는 방법은 댓글창에 배경그림 넣는 방법과 동일합니다.
티스토리 방명록 창에 배경그림을 넣어서 블로그를 예쁘고 멋지게 꾸며보세요~
티스토리 블로그 스킨 Life In Mono(Light)를 기준으로 작성되었습니다.
그림판 사용시 알씨 프로그램이 필요합니다.
1. 방명록 창 사이즈 측정하기
여러가지 방법이 있지만 쉽고 편하게 스크린샷을 찍어서 사이즈를 알아보도록 하겠습니다 ^^
방명록을 클릭한 후 Alt+Prt Scr를 눌러주세요. 그림판 또는 포토샵에서 붙여넣기 합니다.
Ctrl+V를 눌러주세요.
그림판 : 마우스를 이용해서 방명록 창만 잘라주세요.
상위메뉴 파일에서 새로만들기 후 붙여넣어고 다른이름으로 저장해주세요.
원하시는 경로에 저장하신 후 마우스 오른쪽 버튼을 클릭하면 방명록 사이즈가 표시됩니다.
(알씨가 설치되어 있어야 합니다)
포토샵 : Crop Tool을 이용해서 방명록 창만 잘라주세요. 상위메뉴중 Image -> Image Size 「Width&Height」를 확인하시면 방명록 사이즈가 표시됩니다.
방명록을 클릭한 후 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개 일치로 검색되었습니다.
노란색박스 부분 중 여기라고 표시된 부분에 따옴표옆에 표시된 태그를 넣어줍니다.
[images/dat.jpg]← 원하는 배경그림 업로드 하기에서 확인한 본인의 그림주소로 꼭 바꾸어주세요.
아래의 미리보기 버튼을 눌러 확인 후 저장을 눌러줍니다.
(화면출력 설정에서 댓글을 기본으로 펼침이 설정되어 있어야 합니다)
style="background-image:url(./images/dat.jpg);background-repeat:no-repeat; background-position:right"
수정전 태그
<textarea 여기 name="" cols="50" rows="6"></textarea>
<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>
<textarea style="background-image:url(./images/dat.jpg);background-repeat:no-repeat; background-position:right" name="" cols="50" rows="6"></textarea>
아래의 미리보기 버튼을 눌러 확인 후 저장을 눌러줍니다.
(화면출력 설정에서 댓글을 기본으로 펼침이 설정되어 있어야 합니다)
4. 확인하기
티스토리 방명록 창에 배경그림이 넣어졌습니다^^ 귀여운 리락쿠마가 보이네요~
쉽게 설명드리려고 노력했는데 어떠셨나요? 오류 및 문의사항은 댓글남겨주세요!
댓글창뿐만 아니라 방명록 창에도 배경그림을 넣어 블로그를 예쁘고 멋지게 꾸미시길 바랍니다.
▶ 부족한 포스팅 끝까지 봐주셔서 다시한번 감사드립니다.
'컴터생활의 이해 > 블로그팁' 카테고리의 다른 글
블로거들이 고민하는 3가지 (19) | 2010.08.29 |
---|---|
티스토리에 SNS 글보내기 플러그인이 생겼어요^^ (11) | 2010.08.25 |
티스토리의 새로운 얼굴 티에디션 (2) | 2010.05.17 |
티스토리 블로그 블로그얌 가치평가 종료 (0) | 2010.05.06 |
블로그 가치평가 (2) | 2010.04.08 |