블로그

블로그 본문 상단 광고 2개 - 오디세이 스킨 - 티스토리 블로그

gameabout 2023. 2. 7. 14:56
반응형

블로그 본문 상단 광고 2개

티스토리 블로그 오디세이 스킨에서 상단에 애드센스 광고를 사각형 2개로 나누어 줄 수 있다. 티스토리 블로그 설정 화면에서 [꾸미기]-[스킨 편집]-[html 편집]-[HTML] 경로에서 상단 광고 위치에 아래 코드를 추가하자.

 

<!-- 애드센스 본문 상단 광고 2개 시작 -->
<div style="text-align: center; margin-bottom: 15px;">
<style>
.adsbygoogle.post-top-first {display:block}
.adsbygoogle.post-top-second {display:none}

@media (min-width: 768px) {
.adsbygoogle.post-top-first {display:inline-block;min-width:300px;max-width:300px;width:100%;height:280px;}
.adsbygoogle.post-top-second {display:inline-block;margin-left:20px;min-width:300px;max-width:300px;width:100%;height:280px;}
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 상단 광고 1 -->
<ins class="adsbygoogle post-top-first"
     data-ad-client="ca-pub-[애드센스코드]"
     data-ad-slot="5699826736"
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- 상단 광고 2 -->
<ins class="adsbygoogle post-top-second"
     data-ad-client="ca-pub-[애드센스코드]"
     data-ad-slot="[애드센스슬롯]"
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- 애드센스 본문 상단 광고 2개 끝 -->
<!-- 상단 광고 2개 모바일 1개 -->
반응형