안녕하세요:) 오늘 포스팅에서는 티스토리 수익형 스킨의 하나로 볼 수 있는 북클럽(Book Club)스킨 제목 위 여백 줄이기에 대해서 알아보고자 합니다.
빈 공간 즉 여백이 넓다보면 블로그 수익에도 어느 정도의 영향을 미치기에 수정해야 할 부분 중에 하나입니다.
어떻게 줄일 수 있을까요?
티스토리 로그인하기
이후 메뉴 중에서 스킨편집 클릭
HTML을 지나서 CSS 클릭
#gnb {
height: 5px; /* 제목 위 여백 원래값 66px */
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
}Ctrl + F로 #gnb { 찾아보기
저 같은 경우는 이 부분이 270줄에 포진하고 있습니다.
여기에서 gnb {의 height의 원래 값은 66px입니다.
이제 이 부분을 저 같은 경우는 원래 값을 /* 제목 위 여백 원래값 66px */라고 원래값을 옆에 주석처리로 쓰고서
원래의 66px의 값을 5px;로 수정하였습니다.
사진을 보시면 아시겠지만 이렇게 수정한 후에 포스팅 제목 위 여백(빈공간)이 줄어든 것을 확인할 수 있습니다.
제가 생각하는 블로그는 첫 화면에 들어왓을때 그 위에 빈 공간이 너무 많이 존재한다면 광고수익뿐만이 아니라 가독성에도 영향을 미칠 수 있다고 생각했기 때문입니다.
이상으로 북클럽(Book Club)스킨 제목 위 여백 줄이는 법에 대해서 알아보았습니다.
다음에는 다른 북클럽 수정으로 찾아오겠습니다.