티스토리 블로그 fastboot 스킨 사이드바에 광고넣기

 

 

티스토리 블로그 fastboot 스킨 사이드바에 광고넣기

 

 

티스토리 블로그에 최적화된 반응형 스킨인 fastboot 스킨을 설치한 후 사이드바에 광고를 넣고자 한다면... 물론 가장 간편한 방법으로는 블로그관리 → 플러그인에서 배너출력을 활성화 시킨 후 블로그관리 → 꾸미기 → 사이드바를 통해 광고 소스를 넣는 방법이 있지만 적용이 안되거나 광고에 애드센스, 광고, 클릭몬, 텐핑과 같은 이름을 넣고 싶다면..

 

 

 

 

아래를 잘 따라 하시면 됩니다. 별로 어렵지 않아요~

 

 

 

 

블로그관리 → 꾸미기 → Html/Css 편집에서 검색(Ctrl+F)을 통해 <s_sidebar_element>를 찾아주세요. 아마도 여러개가 나올텐데 fastboot스킨 제작자분께서는 친절하게도 각각에 주석을 달아 놓으셨습니다.

 

갈색으로 <!-- 블로그 설명 모듈-->, <!-- 공지사항 모듈--> 등과 같이 적어둔 것들이 바로 주석인데요. 이 순서가 사이드바에 적용되는 순서입니다. 자신이 사이드바에 광고를 어디에 넣고 싶은지 위치를 정해 주석과 주석의 중간에 넣으시면 됩니다.

 

 

 

 

저 같은 경우에는 사이드바의 가장 위에 나오게 하기 위해 기존에 1번에 있던 <!-- 블로그 설명 모듈--> 위에 넣었습니다.

 

 

 

 

블로그관리 → 꾸미기 → 사이드바를 통해 광고를 적용시키면 아무런 이름없이 광고가 노출됩니다. 하지만 Html의 소스를 이용하면 광고의 상단에 이 링크는 광고입니다. 라고 나타낼 수도 있습니다.

 

<s_sidebar_element> <div class="panel panel-default"> <h4 class="panel-heading"><i class="fa fa-credit-card"></i> Adsense</h4> <div class="panel-body" style="text-align:center;"> <!-- 애드센스 코드 --> </div> </div> </s_sidebar_element>

 

위 소스가 fastboot 스킨의 사이드바에 광고를 적용시키는 소스입니다.

 

 

 

 

 

 

 

빨간색으로 표시해둔 "Adsense"라는 문구는 사이드바 광고의 상단에 나타내는 글을 나타내므로 이 문구를 바꾸게 되면 사이드바의 광고 이름도 변경됩니다. 소스에서 "Adsense" 문구를 "내년에 우승 좀 하자"로 변경을 하면 사진에서 하늘색으로 사각 표기해둔 부분이  기존 "Adsense" 에서 "내년에 우승 좀 하자"로 변경됩니다.

 

광고 소스를 넣는 위치는 소스에서 <!--애드센스 코드-->를 지우고 그 자리에 애드센스, 클릭몬, 텐핑 등 원하시는 광고의 코드를 넣으시면 됩니다.

 

 

사이드바 광고.txt

 

광고 소스는 블로그에 우클릭 및 복사가 금지 되어 있으니 위 첨부한 파일을 받으시면 됩니다.