바람이 머문 언덕
[블로그 팀] 티스토리 블로그 사이드바 크기 변경하기 본문
반응형
티스토리에서 제공하는 기존 스킨을 사용하다 보면은 사이드바에 위젯이나 배너를 십입 하기 위해 크기를 변경하고 싶을 때가 있다. 티스토리는 자유도가 많은 대신에 직접 스킨을 변경해야 하는데 HTML 언어를 잘 모르는 분들은 스킨을 수정하기가 망설여 질 것입니다.
그래서 저의 사이드바 크기를 변경한 경험을 올려 봄니다.
먼저 관리자->스킨->HTML/CSS 편집으로 접속을 합니다.
그럼 아래와 같은 화면이 보일 것입니다.
Ctrl + f 키를 눌러서 찾기 기능을 할 성화 시킴니다.
그 다음 " #sidebar "란 단어를 찾아 주면은 아래와 같은 아래와 같은 화면이 나옴니다.
여기서 width:200px;을 원하는 크기로 변경을 해주면 됩니다.
그런데 사이드바의 넓이를 줄어든 경우에는 화면 출력에 별 문제가 없어나 넓이가 크진 경우에는 경우에는 사이드바가 본문 옆에 있지 않고 아래에 출력이 되기 때문에 하나 더 수정을 해주어야 합니다.
" #container "라는 단어를 찾아서 빨간 네모로 표시된 부분을 사이드바 크기가 변화 된 만큼 변경을 해주면 됨니다.
그리고 혹시 모를 실수를 대비하여 기존 스킨을 저장해 놓고 스킨 스정 작업을 하는 습관과 변경 된 스킨을 적용하기 전에 미로 보기로 확인하는 습관을 가지면 스킨 변경을 잘 못 해서 당황하는 일이 없을 것 입니다.
그래서 저의 사이드바 크기를 변경한 경험을 올려 봄니다.
먼저 관리자->스킨->HTML/CSS 편집으로 접속을 합니다.
그럼 아래와 같은 화면이 보일 것입니다.
Ctrl + f 키를 눌러서 찾기 기능을 할 성화 시킴니다.
그 다음 " #sidebar "란 단어를 찾아 주면은 아래와 같은 아래와 같은 화면이 나옴니다.
여기서 width:200px;을 원하는 크기로 변경을 해주면 됩니다.
그런데 사이드바의 넓이를 줄어든 경우에는 화면 출력에 별 문제가 없어나 넓이가 크진 경우에는 경우에는 사이드바가 본문 옆에 있지 않고 아래에 출력이 되기 때문에 하나 더 수정을 해주어야 합니다.
" #container "라는 단어를 찾아서 빨간 네모로 표시된 부분을 사이드바 크기가 변화 된 만큼 변경을 해주면 됨니다.
그리고 혹시 모를 실수를 대비하여 기존 스킨을 저장해 놓고 스킨 스정 작업을 하는 습관과 변경 된 스킨을 적용하기 전에 미로 보기로 확인하는 습관을 가지면 스킨 변경을 잘 못 해서 당황하는 일이 없을 것 입니다.