마지막 수정일 : 2020년 8월 30일.
최초 작성일 : 2020년 8월 30일.
· 이 글은 모바일 환경에서 보기에 최적화되어 있습니다.
· 애드블록 등 광고 차단 프로그램을 비활성화해주시면 감사하겠습니다.
· 이번 글에서 다룰 내용은 티스토리 본문 뒤에 워터마크 혹은 꾸미기 용도로 배경을 넣는 방법입니다.
· 제 블로그의 기초 스킨은 '반응형 스킨 Poster'입니다.
목차
· 배경 만들기
· 배경 업로드하기
· CSS 수정하기
· 확인하고 적용하기
1
배경 만들기
· 배경화면으로 쓸 파일을 만든 다음 파일명을 'background'로 저장합니다.
2
배경 업로드하기
· 블로그관리 페이지로 이동합니다.
· 왼쪽 카테고리에서 [꾸미기]→[스킨 편집]을 선택합니다.
· 오른쪽 위의 [html 편집] 버튼을 누릅니다.
· 오른쪽 위의 [파일업로드] 탭을 누릅니다.
· 오른쪽 아래의 [+추가] 버튼을 눌러 1번에서 만든 파일을 업로드합니다.
3
CSS 수정하기
· 오른쪽 위의 [CSS] 탭을 누릅니다.
· [Ctrl]+[F] 단축키를 이용해 "/* Entry Content */"를 찾습니다.
· 바로 아래에 다음 코드를 적습니다.
.entry-content { background-image: url( 'images/background.png' ) }
.container_postbtn { background-color: White; }
▲ entry-content 행이 배경을 삽입하는 행입니다.
▲ container_postbth 행은 글의 맨 아래에 있는 공유하기 등의 버튼이 있는 부분은 흰색으로 배경을 칠하라는 행입니다.
4
확인하고 적용하기
· 왼쪽 위의 목록단추에서 미리보기를 [글]로 바꿉니다.
· 배경이 제대로 적용되는지 확인합니다.
· 문제가 없으면 오른쪽 위의 [적용] 버튼을 눌러 블로그에 적용합니다.
#한설날 #티스토리반응형배경 #티스토리글배경 #티스토리워터마크