티스토리 북클럽 스킨 사이드바 구분선 광고겹침

 

 

목차

북클럽 스킨을 사용하는 사람들에게 꿀팁이 되는 기능을 소개해보고자 합니다.

애드센스 자동광고를 설정해두신 분들 중에서 북클럽 스킨을 사용하시는 분들은 메인 페이지 최하단에 노출되는 자동광고와 사이드바 구분선이 겹치는 문제가 있습니다.

 

 

위 사진 처럼 최하단에 뜨고 있는 광고 배너의 영역과 사이드바 영역을 구분해주는 구분선이 겹처서 보기 안좋아 보이더라구요. 성격상 저런 겹침을 눈뜨고 볼 수 없어서! 요리조리 만져 본 결과 정확히 없앨 수 있었습니다.

 

1. 관리>스킨편집>HTML>CSS 모드 진입

블로그 스킨의 보여지는 영역을 편집하는건 CSS 모드에서 진행해줍니다.

 

2. CSS 모드에서 #container .content-wrap:before 를 컨트롤+F 로 찾아줍니다.

약 310 줄에 있던데, 300~400번대 줄 사이에서 한 번 찾아보세요.

여기서 height : 100% 라고 되어 있는 부분을 바꿔줄겁니다.

 

3. 100% 를 95% 로 변경하기

 

구분선의 높이를 95%로 변경한 뒤에, 적용을 누르고 홈페이지를 새로고침 해서 확인해 봅니다. 95~93 % 사이 수치를 입력하면서 직접 원하는 높이까지 조절해 주시면 좋아요. 전 메인에서는 95%가 딱이었는데, 포스팅 본문에서 보니까 93%가 최적의 높이였습니다.

 

세상에나, 너무 깔끔하게 딱 떨어지게 맞춰지더라구요! 생각보다 엄청 간단한데, 원리를 모르면 엄청 헤맬 수 밖에 없을 것 같았습니다.

북클럽 스킨에 대한 애정이 점점 떨어지고 있었는데, 마침 아다리가 딱 맞게 수정이 되어서 다시 열심히 사용해 보려고 합니다 (ง •_•)ง

제 포스팅이 도움이 되었으면 좋겠네요!