티스토리 포스터 스킨 썸네일형 에러 수정하기

포스터스킨 - 리스트형을 쓰면서 애드센스 인피드 광고를 달았더니 썸네일로 보는 버튼을 클릭했을 때
레이아웃이 깨진다

티스토리 포스터 스킨 썸네일형 에러

이렇게 와장창창 깨진다
해결 방법은 크게 2가지로 나뉜다

1. 첫번째 방법: 스킨 리스트 타입을 썸네일형으로 수정한 후 구글 인피드 광고를 다시 생성하고 인피드 광고 코드를 수정

티스토리 포스터 스킨 썸네일형 에러

인피드 광고 코드를 재생성하고 수정하는 일은 굳이 여기에서 언급하지 않겠다

2.두번째 방법: 썸네일형 버튼 없애기

나는 두번째 방법을 선택했다
개인적으로 리스트형이 취향에 맞기도 하고 인피드 광고를 재생성하고 코드를 수정하는 일이 너무 귀찮다

티스토리 포스터 스킨 썸네일형 버튼

썸네일형 버튼만 없애는 게 더욱 간단하다

1.1 썸네일형 버튼 없애는 방법

썸네일형 버튼 코드 찾기

스킨편집-html편집에서 ctrl + f를 눌러 검색을 활성화 해준 다음 list-type을 찾으면 아래 코드가 나온다

썸네일형 버튼 코드 찾기

반응형

그러면 블럭 친 코드를 찾을 수 있는데 이 코드만 주석 처리해 주면 된다

썸네일형 버튼 주석 처리

위 이미지처럼 코드 앞에는 <!-- 를
코드 뒤에는 -->를 붙이면 주석 처리가 된다

코드를 주석 처리한 후 저장하면 썸네일 버튼은 깔끔하게 사라진다
다시 썸네일 버튼을 살리고 싶을 때는 언제든 <!-- 와 -->만 지워주면 된다

주석처리 후 썸네일 버튼이 사라짐