Membuat Iklan Adsense Melayang Yang Responsive di Bawah Blog

Membuat Iklan adsense melayang yang responsive di bawah blog - Tips blog kali ini adalah pengalaman pribadi Admin yang ingin memiliki iklan Adsense responsive yang melayang di bawah blog. Pencarian pun dicari dari mbah google dan akhirnya dapat tutorial lengkap dari salah satu blog master Bungfrangki. Ternyata cara membuat iklan adsense malayang yang responsive di bawah blog itu sangat mudah diterapkan, kalau Anda mengikuti langkah-langkahnya.
cara membuat iklan adsense melayang yang responsive di bawah blog
Sebelum masuk ke pembahasan, Admin akan menjelaskan kegunaan dari iklan melayang di bawah blog adalah untuk meningkatkan klik iklan adsense. Salain tampilannya yang menarik, pastinya akan memberi keuntungan bagi Anda pemilik blog karena iklan akan mudah terlihat oleh pengunjug.

Sebenernya Google sendiri sudah menyediakan iklan melayang yang responsive, namanya Iklan anchor. Iklan anchor sendiri akan tampil otomatis melayang diatas atau dibawah template blog Anda. Akan tetapi iklan tersebut hanya akan tampil apabila pengunjung melihat blog Anda dengan menggunakan mobile. Sedangkan jika pengunjung mengakses blog Anda dengan destop atau PC, iklan anchor tadi tidak akan muncul.

Nah, solusi untuk mengganti rasa penasaran itu, Admin akan membagikan tips menarik cara membuat iklan adsense melayang yang responsive di bawah blog. Dimana Anda hanya cukup mencopy-kan kode script tambahan pada template blog. Berikut langkah-langkah yang harus Anda ikuti :

Cara Membuat Iklan Adsense Melayang Yang Responsiver di Bawah Blog

  1. Buka akun Adsense Anda. Silakan akan pilih menu Ads Unit. Untuk membukan kode iklannya, pilih Display Ads. 
  2. Silakan Anda atur iklan yang ingin ditampilkan dengan mengisi Name your ad unit, Ad size (pilih Fixed ukuran 728 x 90 px). Klik Create.
  3. Maka akan tampil kode script iklan adsens yang telah dibuat tadi, silakan copy kode iklan tersebut
  4. Selanjutnya buka akun Blogger Anda. 
  5. Masuk ke Theme dan klik Edit HTML. Cari kode </body> dan letakkan kode berikut ini diatasnya. Klik simpan templatenya dan lihat hasilnya dengan membuka blognya lagi. 

    <script type='text/javascript'>
            $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).hide(90);});});
    </script>
            <!--start: floating ads-->
            <div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
             <div><a id='close-floatads' onclick='document.getElementById(&apos;floatads&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://3.bp.blogspot.com/-ZZSacDHLWlM/VhvlKTMjbLI/AAAAAAAAF2M/UDzU4rrvcaI/s1600/btn_close.gif' title='close button'/></a></div>
        <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
            <!--Script iklan-->
    <script async=”async” src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

    <!-- lotekindo_main_Blog1_1x1_as -->

    <ins class="adsbygoogle"

         style="display:inline-block;width:728px;height:90px"

         data-ad-client="ca-pub-875xxxxxxxxxxxx"

         data-ad-slot="3746239326"></ins>

    <script>

         (adsbygoogle = window.adsbygoogle || []).push({});

    </script>
    <!--Akhir script iklan-->
            </div>
     </div><!--end: floating ads-->
    Catatan
  • Kode yang berwarna biru adalah script iklan adsense, silakan Anda ganti dengan kode iklan adsense Anda sendiri. 
  • Sedangkan kode yang berwarna merah adalah ukuran lebar iklan. Apabila Anda ingin memasang iklan lebih dari ukuran tersebut. Misal max-width: 728px menjadi max-width: 970px. Akan tetapi kalo ukuran ikan lebih kecil dari 728px, maka tidak perlu mengubah ukuran tersebut.
  • Pada kode iklan adsense silakan tambahkan kode ="async", penempatannya seperti pada kode yang berwarna hijau

Nah, caranya mudah bukan?. Demikian tips bagaimana membuat iklan adsense melayang yang responsive di bawah blog.Semoga bermanfaat dan bisa membantu,,Happy enjiy,,,Guys!

Post a Comment

Copyright © 2022

Lotek Indo