티스토리 상단 광고 잘림 해결 방법

티스토리 상단 광고 잘림 해결 방법

북클럽 스킨 기준입니다.

티스토리를 글 작성하면서 이거 저거 하나둘 배우면서 적용하고 있습니다. 티스토리 맨 위에 나오는 상단 광고가 잘려서 나오길래 어떻게 고쳐야 하나 고민하였습니다. 스킨 편집에 들어가서 HTML 잘못 만졌나 싶었습니다. 제목 부분 높이 조절을 한 적이 있는데 수정을 하면 상단 광고가 제대로 나올 것 같았습니다. PC에서는 이상 없이 나왔습니다. 모바일로 볼 경우에는 상단광고가 잘려서 나왔습니다.

 

일단 상단 광고 잘림 해결 방법을 이리저리 찾아보았는데 다들 다른 스킨을 많이 쓰시는 건지 약간씩 다른 문제점이었고 스킨도 달랐습니다. 간단하게 제목 높이 조절에서 본문을 위로 끌어올리는 사이즈를 너무 줄여놓아서 본문이 너무 위로 올라와서 광고 상단 부분이 잘림 현상으로 나타나게 되었습니다.

반응형

다른 분들 수치랑 본인 티스토리 블로그 수치랑은 약간씩 차이가 있는 경우가 있습니다. 본문을 위로 끌어올리는 사이즈를 조금만 줄이게 수치를 조절하였습니다. 간단하게 해결되었습니다. 상단 광고 머리 부분 한 20퍼센트 정도가 잘려서 보였습니다. 실제로는 제목 밑에 들어가서 가려져서 보이는 것 같습니다.

 

티스토리 북클럽 스킨 상단 광고 잘림 해결 방법

상단광고잘림

 

광고에서 보이는 머리 부분이 더 나와야 하는데 윗부분이 잘려서 나왔습니다.

 

티스토리 블로그 관리 - 스킨 편집 - HTML 편집 - CSS

 

CSS 445 행 ~ 447행 부근 즈음

 

#tt-body-page #container {

padding-top:339px

}

에서 padding-top:165px;로 너무 간격을 줄여서 상단광고가 잘라서 나왔습니다. 이를 수정하였습니다.

 

165px;부분 숫자를 좀 더 높게 한 250 정도로 수정하니 상단광고가 제대로 잘 나왔습니다. 너무 공간이 벌어지거나 아니면 아직 상단광고가 조금 잘려서 나온다면 숫자를 더 높게 하거나 더 작게 조절하면서 수정하면 됩니다.

 

숫자를 넣으면서 적용 누르고 모바일로 광고를 확인하면서 몇 번 숫자 수정을 통해서 상단광고가 제대로 다 나오게 하였습니다.

 

티스토리 블로그를 운영하면서 모르는 것을 하나하나 해내는 재미도 있는습니다. 컴퓨터도 잘 다루지 못하는데 자바스크립트는 너무 어렵고 조심스럽습니다. 잘못되면 어디서 또 손봐야 될지 두려움이 큽니다. 괜히 스킨 편집으로 HTML 건드렸나 하는 후회도 들지만 조금씩 시도해 봅니다.

 

HTML 만지는 것이 아직 두렵다면 그대로 두시는 게 좋습니다. 일단은 글을 잘 작성하는 것이 우선입니다.