티스토리 사이드바 폭 늘리는 법 따라하기

안녕하세요 티스토리 블로그 꾸미는 방법을 알려주는 앰비셔스 입니다. 오늘은 사이드바 폭 가로 비율을 변경하는 방법에 대한 포스팅을 적고자 합니다. '모바일이 아닌, 데스크탑으로 블로그를 보게 되면 우측의 사이드바 가로 비율이 조금은 좁다' 라고 생각했었는데요. 이번에 본문 가로 폭은 줄이고 사이드바의 가로 폭 비율을 늘려 보았습니다. 참고로 저는 fastboot 스킨을 사용하고 있는 점 우선적으로 참고해 주시면 감사하겠습니다.

티스토리 사이드바 폭 늘리는 법 따라하기

기본적으로 fastboot 스킨을 사용하면 블로그의 본문 가로 비율 설정값은 9, 사이드바는 3으로 지정되어 있습니다. 저는 이 부분을 본문(8) : 사이드바(4)로 변경해 기존의 설정보다 티스토리 사이드바 폭을 늘렸다고 할 수 있는데요. 이 때 본문과 사이드바의 가로 폭 설정값의 합은 12가 되야 한다는 점 유의하셔야 합니다.

먼저 티스토리 사이드바 폭을 늘리기 위해서는, 우선적으로 본문의 가로 폭을 줄여야 하는데요. HTML/CSS 편집 기능을 사용하면 됩니다. HTML 에서 찾기 단축키인 Ctrl + F 로 col-md 를 검색합니다. 그러면 <div id="left content" class="col-md-9"> 를 확인할 수 있는데요. 여기서 9 -> 8로 수정합니다.

    

본문의 가로 비율을 줄였으니 이번에는 사이드바의 가로폭을 늘려야 하는데요. 스크롤을 내리면 <div id="sidebar" class="sidebar col-md-3">을 확인할 수 있는데, 3 -> 4로 변경하시면 됩니다.

설정값을 변경하고 나니, 기존에 좁게 느껴졌던 티스토리 사이드바의 가로 폭 비율이 대폭 늘어났다는 것을 체감할 수 있었고 사이드바로 시선을 끌 수 있다는 효과를 기대해 보렵니다. 변경 전후 사진을 대조하려고 스크린샷을 해 보았지만 사진상으로는 큰 차이를 못 느끼실듯 하여 변경 후의 사진만 첨부해 보았습니다. 

데스크탑의 방문 비율이 높은 블로거라면 티스토리 사이드바 폭 비율을 늘려봄으로써 블로그에 변화를 주는 것은 어떨까요?