광고 2개 셋팅

블로그 상단에 광고 2개를 셋팅하는 코드는 아래와 같습니다.

 

<div class="entry-content">
    <!-- google top ads / 2 for desktop / 1 for mobile -->
    <style>
        .adsbygoogle_wrap { display: flex; margin-bottom: 3rem; justify-content: space-between; }
        .adsbygoogle.post-top-first { display: block; }
        .adsbygoogle.post-top-second { display: none; }
        @media (min-width: 768px) {
            .adsbygoogle.post-top-first { width: 100%; max-width: 360px; display: inline-block; }
            .adsbygoogle.post-top-second { width: 100%; max-width: 360px; display: inline-block; }
        }
    </style>
    <div class="adsbygoogle_wrap">
        <!-- top left ad -->
        <ins class="adsbygoogle post-top-first" data-ad-client="ca-pub-code" data-ad-slot="0000000000" data-ad-format="rectangle" data-full-width-responsive="true"></ins>
        <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
        <!-- top right ad -->
        <ins class="adsbygoogle post-top-second" data-ad-client="ca-pub-code" data-ad-slot="0000000000" data-ad-format="rectangle" data-full-width-responsive="true"></ins>
        <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
    </div>
</div>