티스토리 사이드바 크기 사이즈 조절 변경 방법

네이버에서 제공하는 스킨은 한계가 있습니다.

정해진 틀이 마련되어 있기 때문이죠.

그러나 티스토리 블로그는 오픈형이라서 자신이 원하는 형태로 꾸밀수가 있지요.

특히 사이드 바는 여러가지 기능을 보여주거나 가지고 있기 때문에 활용도가 높습니다.

모든 블로거들이 그렇다고는 할 수 없지만 대부분 애드센스 광고를 달죠.

하지만 사이즈 별로 나뉘어 지기 때문에 원하는 크기를 조정해야 합니다.

매우 간단하므로 빠르게 가보겠습니다.

먼저 자신의 블로그로 접속합니다.

언제나처럼 관리자 모드 설정으로 들어가주세요.

꾸미기 메뉴에 보시면 HTML/CSS 편집이라고 나와있습니다.

들어가주세요.

오른쪽을 보시면

skin.html

style.css

이렇게 두 창이 존재합니다.

이곳에서 CTRL + F키를 눌러서 #sidebar를 검색해주세요.

width는 폭을 나타냅니다.

따라서 원하시는 넓이를 숫자로 입력해주세요.

저는 300px로 정했습니다.

그리고 저장을 눌러주세요.

한가지 더 남았습니다.

사이드 바를 줄이는것은 상관없지만 넓히는 것은 전체 구성박스의 사이즈가 변동이 되요.

따라서 전체 틀을 깨고 나가서 본문 포스팅 아래쪽의 오른편이나 왼편에 사이드바가 이동하게 됩니다.

이것을 바로잡아 주기 위해서 전체 사이즈를 바꿔주셔야 합니다.

이번에는 #container를 검색해주세요.

저는 이미 1316px로 바꾼 상태입니다.

저 부분을 자신의 본문 사이즈 + 바뀐 사이드바 사이즈 합산 수치보다 30px 더 크게 입력해주세요.

(예: 본문 600px, 변경한 사이드바 400px 일 경우 600+400=1000에서 + 30= 1030px)

이것은 스킨에 따라 제각각 다르기 때문에 미리보기를 해가면서 자신이 사이즈를 변경하시면 됩니다.

저장 누르시는거 잊지 마세요.

어렵지 않지요?