본문 바로가기

Blog/Blog운영팁

티스토리 Letter 반응형스킨 오류와 사이드바 광고설치

티스토리 Letter 반응형스킨 오류와 사이드바 광고설치

 

Letter 반응형 스킨의 오류

티스토리에서 기본으로 제공해주는 Letter 반응형 스킨을 사용할 경우 사이드바의 스킨 오류가 발생되고 있다는 점을 알게되었습니다. 

 

반응형 스킨과 사이드바 광고에러 

사이드바 광고는 아래 사진에서 보는것과 같이 블로그의 좌측/우측에 표기할 수 있습니다.

좌측 광고 모양이 엄청 길게 되어 블로그 사이즈를 넘기게 되어 깔끔한 모습을 주기 어렵습니다.

사이드바에 딱 맞는 광고를 넣고 싶으시다면, 스킨을 바꾸는 방법과 광고 크기를 조절하는 방법이 있습니다. 


다만 스킨을 바꾸고자 할 때에는 반드시 스킨 저장하시고 작업해야 합니다. HTML에 달린 추적 코드나 광고 내용이 다 사라지면 사용자분들의 수익이 줄어들 수가 있기 때문입니다.

일반적인 Letter 반응형 스킨을 사용했는데 사이드바가 아닌 문단내 오류가 발생하는 문제점이 생겼습니다.

 

반응형 Letter 스킨과 사이드바 광고 오류 (예시)

 

티스토리 반응형스킨의 세로형 배너 설치

반응형스킨에 세로형 배너 설치가 가능한지 여부를 알아보게 되었습니다.

기존에 사용하고 있던 스킨은 티스토리에서 제공해주는 #Letter 반응형스킨 입니다.


 아래사진 우측하단 빨간박스

반응형_Letter스킨

이 반응형 스킨은 좌측 또는 우측에 세로형 배너를 달 수가 없는 형태 입니다.

다른 분들 블로그를 읽어보니 160*600 세로형배너를 다는것이 수익에 도움이 된다길래 조금의 희망을 품고 열심히 찾아보았습니다.

 

기존에 가지고 있던 HTML 을 다 메모장에 복사해두고, 여러 스킨을 적용해보고 디자인을 바꾸어 보았는데 #Square 반응형 스킨이 베너가 적용되는 것을 찾았습니다.

 

▼ 아래사진 우측 하단

반응형_Square 스킨

 

 

물론 웹페이지 부분에 대해서 잘 아시는분들도 있으시겠지만, 저는 HTML을 수정해야하나 말아야하나 걱정이 많았음
그래서 애드핏광고를 바로 블로그 좌측 카테고리 하단에 넣어보았는데 잘 적용되었습니다.

 

▼사이드바에 잘 적용된 광고

애드핏 세로형배너 삽입

 

 

마무리

이상으로 블로그 초보가 소개하는 반응형스킨에 세로형배너를 넣는 방법을 전달합니다.

 

관련 글

 

 

자료가 마음에 드셨다면, 하단부 공감 버튼 꾸욱~ 눌러주세요

 

728x90
SMALL