Tuesday, November 27, 2018

Cara Buat Iklan AdSense Melayang di Bawah Layar pada Blog

    Cara Buat Iklan AdSense Melayang di Bawah Layar pada Blog Tanpa Tombol Close

    Floating Ad

    Alinux Blog - Iklan melayang atau Floating Ad merupakan salah satu penempatan iklan dengan CTR yang cukup tinggi. Dengan menambahkan sebuah iklan melayang pada sebuah blog, kemungkinan untuk mendapatkan klik iklan dari pengunjung sangat besar.

    Penempatan iklan jenis ini sebenarnya dilarang oleh Google, khususnya bagi anda yang menggunakan iklan dari Google AdSense. Namun, ternyata masih banyak Webmaster atau Blogger yang menggunakan cara tersebut. Bahkan media-media besar seperti 9Gag dan Detik pun menempatkan iklan jenis ini.

    Kali ini, Alinux Blog akan membagikan tutorial membuat iklan AdSense melayang di bagian bawah layar. Pembuatan elemen ini menggunakan CSS, dan hanya akan tampil ketika website dibuka menggunakan browser SmartPhone

    Cara Buat Iklan Melayang di Tampilan Mobile

    Buka dashboard Blogger.com, kemudian pilih blog yang akan di edit. Masuk ke Themes, lalu klik Edit HTML.

    Bagi anda yang menggunakan template non-AMP, copy kode di bawah ini sebelum ]]></b:skin> , dan bagi yang menggunakan template AMP, copy di bawah kode <style amp-custom='amp-custom'>

    #adfloatBottom {
        left: 0;
        position: fixed;
        text-align: center;
        bottom: 0px;
        width: 100%;
        z-index: 999;
        background: rgba(249, 249, 249, 0.5686274509803921)
    }
    
    @media (min-width:768px) {
        #adfloatBottom {
            display: none
        }
    }
    
    

    CSS diatas menggunakan media query responsive yang membuat elemen #adfloatBottom hanya akan tampil di halaman mobile.
    Kemudian copy HTML di bawah ini sebelum </body> 

    <div id='adfloatBottom'>
        Kode Iklan AdSense 320X50
    </div>

    Saya menyarankan anda menggunakan iklan AdSense dengan ukuran 320X50 agar iklan tidak menutupi konten utama. Perlu diketahui bahwa iklan fixed tidak bisa menggunakan amp-ad

    Setelah selesai, klik Save.  Maka hasilnya akan seperti gambar di bawah ini


    Perlu diperhatikan, saya tidak bertanggung jawab apabila anda mendapatkan masalah pada akun AdSense anda, karen pada dasarnya penempatan iklan ini dilarang oleh Google.

    Semoga beruntung :)

    Disqus Comments