제가 지금 사용하는 스킨은 FastBoot이라는 반응형 스킨인데요.
이 스킨은 기본적으로 연회색의 배경이 들어 있는 스킨입니다.
보시는 바와 같이 스킨의 배경을 임의로 바꿨는데요.
짧은 소견으로 발행한 글의 가독성을 높이기 위한 시도였는데...
잘한 건지는 모르겠습니다.
다만 포스팅한 글 본문과 대비되는 배경을 사용함으로 발행한 글이 방문자의 눈에
잘들어 오게하는 효과는 있을 것 같은데요.
블로그에 적용하는 팁을 알아 볼까 합니다.
|
티스토리 블로그 스킨에 배경 적용하기 |
먼저 능력이 되는 분은 포토샵으로 패턴을 만들어 PC에 이미지 파일로 저장해 블로그에 적용하면 되는데요.
패턴을 만들기 귀찮거나, 저처럼 능력이 안 되시는 분은 구글에 Patterns로 검색하여 입맛에 맞는 이미지 파일을
다운 받습니다. 또는 이 사이트를 방문하셔서 수백가지가 되는 패턴 중 마음에 드는 패턴을 다운 받으세요.
저도 위 사이트의 패턴을 적용했는데요.다운 받은 파일은 압축 파일로 저장이 되구요.
압축 파일의 압축을 풀고 폴더를 열어 이미지 png파일 2개 중 1개를 블로그에 업로드합니다.
업로드 방법은 관리자 모드 > HTML/CSS에서 파일업로드 기능을 이용하거나....
블로그 글쓰기에서 포토업로더를 이용해도 됩니다.
패턴의 이미지 파일이 업로드되었다면 파일의 주소를 알아 내야 겠지요.
크롬으로 업로드했을 시...
파일 목록에서 업로드한 파일 클릭, 미리보기 창에서 보여지는 이미지 우 클릭 후 열리는 메뉴의
'이미지 URL 복사' 탭 선택...
IE로 업로드 시...
우 클릭 메뉴에서 속성 탭 클릭, 속성 창이 열리면 주소(URL)를 드래그 복사(Ctrl + C)합니다.
복사된 주소를 아래 코드 스킨 배경 이미지 주소 란에 붙여넣어 주고 HTML/CSS 편집의
skin.html <body>와 </body>사이에 넣고 저장하면 적용됩니다.
<style>
body{background-image:url(스킨 배경 이미지 주소);
background-repeat:repeat;
background-attachment:fixed;
background-position:right bottom;}
table,td{background-color:transparent;}
</style>
블로그 스킨 배경 코드.txt제 블로그에 적용한 배경 패턴
knitted-netting.zip
'블로그 Tip' 카테고리의 다른 글
| 구글 애드센스 - 발행글 본문 중간에 배치하는 간단 팁 (4) | 2014.07.23 |
|---|---|
| 블로그에 AddThis의 Recommended Content 적용하기 (2) | 2014.06.24 |
| 모바일 SNS에 글 보내기가 안 되는 웹페이지 간단하게 공유하는 방법 (0) | 2014.06.22 |
| 티스토리 블로그 - 불펌 방지 및 무단 복사 방지 스크립트 (12) | 2014.05.07 |
| 티스토리 Alt 태그 기능과 알툴바 오류 - IE(익스플로러) 10~11 (5) | 2014.04.04 |
| 티스토리 블로그 - 내가 만든 서식 삭제하기 (5) | 2014.04.01 |