<style>
.jb-adsense-table { display: table; width: 100%; margin: 20px 0px; }
.jb-adsense-table-row { display: table-row; }
.jb-adsense-table-cell { display: table-cell; }
.jb-adsense-table-cell ins { display: inline-block; width: 336px; height: 280px; }
.jb-adsense-table-cell-left { text-align: left; }
.jb-adsense-table-cell-right { text-align: right; }
@media ( max-width: 1023px ) {
.jb-adsense-table-cell ins { display: inline-block; width: 300px; height: 250px; }
}
@media ( max-width: 767px ) {
.jb-adsense-table { display: block; }
.jb-adsense-table-row { display: block; }
.jb-adsense-table-cell { display: block; text-align: center; }
.jb-adsense-table-cell-left ins { display: inline-block; width: 300px; height: 100px; }
.jb-adsense-table-cell-right ins { display: none !important; }
}
</style>
<div class="jb-adsense-table">
<div class="jb-adsense-table-row">
<div class="jb-adsense-table-cell jb-adsense-table-cell-left">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 상단용 자동크기 -->
<ins class="adsbygoogle"
data-ad-client="ca-pub-AAAAAAAAAAAAAA"
data-ad-slot="BBBBBBBBBB"</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="jb-adsense-table-cell jb-adsense-table-cell-right">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 상단용 자동크기 -->
<ins class="adsbygoogle"
data-ad-client="ca-pub-AAAAAAAAAAAAAA"
data-ad-slot="BBBBBBBBBB"</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</div>
반응형
'에드센스' 카테고리의 다른 글
티스토리 ads.txt 수익손실위험 / 에드센스 사이트삭제가 안되여...그럴땐 이 것을 확인해보자!!!! 사이트삭제활성화 (0) | 2019.06.17 |
---|---|
[티스토리] 글쓰기 에디터 이전 버전으로 바꾸기!!! (0) | 2019.04.02 |