반응형
티스토리 블로그에 사이드바 크기를 변경 하는 방법입니다.
본문이나 제목 영역은 스킨 위자드에서 변경이 가능한데 사이드바 크기지정이 따로 없습니다.
사이드바에 크기를 변경할때는 밀림 현상이 생길수 있으므로 블로그 전체의 크기도 변경을 해주어야 합니다.


티스토리에 로그인을 하고 관리 페이지에 들어갑니다.

꾸미기HTML/CSS 편집 으로 이동합니다.


컨트롤 + F 키를 눌러서 찾기 창을 열고 sidebar { 를 검색을 합니다.


style.css 영역에 한개가 검색이 됩니다.
혹시 여러개가 나올 경우 위에 내용이 있는곳을 찾으면 됩니다.
width 값이 사이드바의 가로 크기 입니다.
기본값이 190으로 되어 있습니다. 원하는 크기로 조정을 하면 됩니다.
여기서 조정을 할때 변화된 양을 기억하고 있어야 합니다.


다시 컨트롤 + F 를 눌러서 container { 를 검색합니다.


역시 style.css 영역에 한개가 검색이 됩니다.
위에 스크린샷의 위치에 숫자를 수정을 해주면 됩니다.
위에는 블로그 전체 (본문영역 + 사이드바 + 10)의 가로 길이 입니다.
위에 sidebar 에서 수정한 양만큼 늘리거나 줄여주면 됩니다.

참고로 +10 은 여백입니다. 여백은 스킨에 따라 조금씩 다를수 있습니다.

margin 값을 참고 하면 됩니다.


반응형


AND