티스토리 스퀘어 스킨 사이드바 사이즈 조절하기

현재 제가 사용하고 있는 티스토리 스킨은 바로 스퀘어(square)입니다. 사이드바 사이즈가 간당간당하여 광고 넣기가 참 어려워요. 애드센스를 붙이면 살짝 잘림 현상이 나타날 수 있어 보기에도 좋지 않습니다. 이럴 땐 간단하게 수치를 살짝 조절해주기만 하면 됩니다. 

<티스토리 스퀘어 스킨 사이드바 사이즈 조절하기>

저의 경우 텐핑광고를 사이드바에 붙여 놨는데, 역시나 살짝 잘림 현상이 있었습니다. 제대로 보이지 않으니 누구의 관심을 받기도 어려운 게 사실이지요.

티스토리 관리 화면으로 들어가 '스킨 편집'을 선택합니다. 최신 버전으로 스킨을 깔았기에 Square final로 설치되어 있습니다. 여기서 html 편집을 클릭해줍니다. 

사이드바 사이즈를 조절하기 위해선 CSS를 손대야 합니다. CSS 선택하고 sidebar를 찾아줍니다. 대부분 50 ~ 70열 사이에 있을 것입니다. 

#sidebar { position: fixed; top: 0; left: 0; bottom: 0; padding: 0 30px; max-width: 320px; width: 100%; height: 100%; font-size: 13px; background-color: #fff; border-right: 1px solid #ddd; cursor: default; overflow-y: auto; z-index: 100;

위의 항목들 중 max-width 항목을 300px -> 320px로 변경해주고 저장하면 끝입니다. 아주 간단해요. 어떤 분들은 max-width가 아니라, 그냥 width로 되어 있을 수도 있습니다. 그걸 고쳐주면 됩니다. ^^