본문 바로가기
에드센스

상단광고 2개 코드~~!!!

by AttractiveS 2019. 8. 2.
<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>

 

반응형