티스토리 블로그 사이드바 넓이(폭) 변경하기

티스토리 블로그 꾸미기

 

 

어제 일자 포스팅을 통해서 사이드바 위치를 변경하는 방법을 보았습니다. 스킨에 따라 사이드바가 위치하는 공간이 다르고, 사이드바가 가지고 있는 넓이(폭) 또한 스킨마다 다양하게 나타납니다.

 

티스토리 블로그 꾸미기 / 사이드바 위치 변경하기

 

 

개인이의 경우 사이드바에 구글 애드센스 광고를 삽입하였는데, 광고 크기가 300이라서 사이드바 넓이를 변경하여 사용 중입니다. 대부분 200~ 300사이를 많이 선호하시는데, 개인적으로 300으로 설정한게 제일 마음에 드네요.

 

사이드바 넓이 변경하기

 

사이드바 넓이를 변경하기 위해서는 티스토리 관리자 모드에 접속하신 후 HTML/CSS편집 항목에서 style.css 항목을 수정해야 합니다.

 

ctrl + f (찾기)를 통해서 sidebar 항목을 검색합니다.  style.css 항목에서 sidebar 항목을 찾습니다. 아래 이미지와 같이 Width :300px; 라고 되어 있는데, 현재 사이드바의 넓이(폭)가 300으로 설정되어 있다는 의미입니다.

 

기존 스킨에는 200~250으로 기억을 하는데, 필요에 의해서 300의로 변경하여 준겁니다. 사이드바 넓이를 300으로 변경하였다면, 블로그의 전체 넓이 또한 늘어난 넓이 만큼 변경하여 주어야 합니다.

 

 

---

 

이번에는 ctrl + f (찾기)를 통해서 container 항목을 찾습니다. 아래와 같이 width:/*@post-width:280=*/1040px/*@*/; 부분을 찾습니다. 여기서 수정할 것은 1040px 부분인데, 사이드바 넓이를 100 만큼 늘렸다면, 이 부분 또한 늘어난 넓이 만큼 100이라는 수치를 더하여 주어야 합니다.

 

예를 들어 사이드바가 200px 였고, 전체 넓이가 1000px 로 설정된 스킨에다가 사이드바를 300px 로 늘리려면, 사이드바 항목 200px -> 300px로 변경하고, 전체 넓이가 되는 1000px -> 늘어난 수치만큼을 더해 1100px 로 변경하여 주면 되는 것입니다.

 

 

---

 

스킨을 수정하실 때는 반드시 스킨을 저장해 놓으시기를 바랍니다. 또한 수정을 해서 적용을 하실 때는 미리보기를 통해서 잘 적용이 되었는지를 보시고 적용하시면 되겠습니다. ^^