북클럽 스킨 수정 작업

현재 티스토리에서 지원하는 기본 스킨 중의 하나인 북클럽 스킨을 수정하여 보았습니다. 일단, 기본적인 것들로만 작성한 것이라 추후에 지속적인 수정 작업은 합니다. 그리고, 이 글은 테스트용으로 진행하는 것입니다.

북클럽스킨

북클럽 스킨 수정 작업

애드센스 광고 설치하는 방법을 적어봅니다. 본문 내 광고는 제외하고 우선 상단과 하단 광고를 수동형으로 바꾸는 작업입니다.

북클럽 스킨

애드센스 광고 상단 수정

<center>
<style>
.topad { width: 970px; height: 250px;}
@media(max-width: 1068px) { .topad { width: 728px; height: 90px; } }
@media(max-width: 830px) { .topad { width: 336px; height: 280px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle topad"
     style="display:inline-block"
     data-full-width-responsive="true"
     data-language="ko"
     data-ad-client="ca-pub- ●●●●●●●"
     data-ad-slot="★★★★★★★★"> 
</ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script> 
</center>


	<section id="container"> 이 코드 위에 넣으면됨

 

하단 광고 스크립트

<center>
<style>
.bottomad { width: 970px; height: 90px;}
@media(max-width: 830px) { .bottomad { width: 336px; height: 280px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle bottomad"
     style="display:inline-block"
     data-full-width-responsive="true"
     data-language="ko"
     data-ad-client="ca-pub- ●●●●●●●"
     data-ad-slot="★★★★★★★★"> 
</ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script> 
</center>