반응형 스킨 FastBoot - 티에디션 홈화면 상단에 광고 넣기

2018. 1. 1. 17:25블로그 관리/티스토리

Fastboot v.1.6.2 반응형 스킨을 사용하다 보면 티에디션 홈 화면에서 자신의 글이 헤드라인 또는 목록, 갤럴리, 조합형 등을 설정할 수 있는데요.


이왕이면 추가 광고 수익도 올리고 밋밋하게 글과 사진만 있는 티에디션 홈 화면 상단 위치에 반응형 광고 하나 넣어보겠습니다.




[블로그관리 홈] - [꾸미기] - [설정]에서 티에디션 편집 버튼을 표시합니다.

[티에디션]을 켜서 홈화면에서 [+버튼]을 눌러 상단에 빈공간을 만들어줍니다.



[+버튼]을 눌러 상단의 빈공간을 [아이템]에서 아무거나 선택합니다. 어차피 이 공간에 광고를 넣을 것이기 때문에 어떤 것을 선택하셔도 괜찮아요.



[디자인] - [HTML]을 누릅니다.



그럼 위와같이 보일텐데요. 어차피 이 부분 모두 지워줘야 하기 때문에 일단 이 부분을 모두 삭제하고 이 상태로 놔둡니다.


구글 애드센스에 접속해서 새 광고 단위를 만들건데요. 계속 같은 부분이기 때문에 이 부분은 제 지난 글을 링크해놓겠습니다.


관련글 :  새광고만들기


[구글 애드센스] - [내 광고] - [광고 단위] - [+ 새 광고 단위] - [텍스트 및 디스플레이 광고] - [자동 크기 반응형] 선택하고 [저장 및 코드 생성]을 클릭합니다. 관련글 링크에 새광고만들기 링크 클릭하시면 그림과 함께 자세히 설명 나와 있으니 잘 모르시겠다 하는 분들은 참조 부탁드립니다. 



[저장 및 코드 생성]을 클릭하면 코드가 나오는데 그 코드를 복사합니다. 그리고 티에디션 [디자인] - [HTML]에 모든 내용을 삭제했잖아요. 그 빈공간에 코드를 붙여넣습니다. 그리고 적용을 누르면 끝납니다.



이렇게 티에디션 홈화면 상태에 사이드바 반응형 광고 넣기는 지난편에 다뤘고요. 상단에 반응형 광고도 잘 적용됩니다.



이전글

2017/12/30 - [블로그 관리] - 티스토리 반응형 스킨 패스트부트(FastBoot v1.6.2)

2017/12/31 - [블로그 관리] - 티스토리 사이드바 광고 넣기