쉬고있던 티스토리를 오랜만에 들어왔더니, 업데이트가 정말 많이 됬네요.
새로운 마음으로 스킨 꾸미기를 하려 하는데 문제가 생겼습니다.
새로나온 스킨에 북클럽이라는게 너무 마음에 들어서 적용 했더니..
카테고리 사이드바가 너무 넓어서 광고가 꽉찬 느낌이 안들었습니다.
큰 상관은 없지만, 거슬리더군요.
구글 에드센스에서 사이드바 광고는 300 x 600이 제일 적합하다고 합니다.
그래서 사용자 브라우저가 1080픽셀보다 클때는 300픽셀로
1080픽셀 이하면 250 픽셀로 변경을 하겠습니다.
css를 편집하기 위해서 스킨편집으로 가겠습니다.
블로그 관리 > 스킨 편집 > html 편집 > css를 열어주세요.
css를 클릭후에 ctrl + f 를 누르면 검색이 됩니다. #aside 를 찾고 351 라인에 찾아갑니다.
353 라인의 width: 21.296296296296296%; -> width: 27.777777777777778% 변경해줍니다.
327 라인의 margin-left: 255px; -> margin-left: 215px; 수정합니다.
마지막으로 브라우저 크기가 1080px보다 작으면 사이드바 크기를 250px로 자동 변경 하도록 해봅시다.
ctrl + f 로 @media screen 을 찾아줍니다.
#aside {
float: right;
width: 23.148148148148148%;
padding: 75px 0 32px;
box-sizing: border-box;
}
#aside 부분을 복사해서 붙어넣기 해줍니다.
그리고 적용 하면 끝!!
적용한 크기가 적당합니다. 만족.
사이드바를 왼쪽으로 하시는 분들은 2212 라인에 margin-left:-256px; -> margin-left:-216px; 으로 수정해 주시면 됩니다.
사이드바 조정 완료!
댓글