Cara Membuat Iklan Melayang Seperti Page Level Ads versi Kurazone


KURAZONE ~ Halo sahabat Kurazer, pada kesempatan kali ini saya berbagi tentang Cara Membuat Iklan Melayang Seperti Page Level Ads versi Kurazone. Seperti yang telah kita ketahui bersama, bahwa tampilan Page Level Ads atau iklan mobile dari Adsense yang melayang tersebut memiliki tampilan yang cuma gitu-gitu aja dan sedikit risih meski iklan sudah ditutup. Contohnya seperti dibawah ini :

Nah, disini bisa diakali dengan cara mendesain sendiri tampilan iklan mobile melayang tersebut, seperti tampilan dibawah ini :
Ehemm... Perlu diketahui bahwa trik semacam ini tidak menggunakan kode iklan auto ads (page level ads), tetapi menggunakan unit iklan dengan ukuran 320x50. Kalian bisa membuat unit iklan baru dengan ukuran tersebut di akun Adsense kalian.

So, langsung saja. Berikut adalah . . . .

Cara Membuat Iklan Melayang Seperti Page Level Ads versi Kurazone

1. Buka akun Blogger >> Pilih Tema >> Pilih Edit HTML
2. Copy 1 paket kode dibawah ini :
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<style type='text/css'>
.anchor_banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #123456;
    text-align: center;
    z-index: 2;
 }
.btnclose {
    position: fixed;
    width: 28px;
    height: 28px;
    right: 0;
    bottom: 50px;
    background-size: 13px 13px;
    background-position: 9px;
    background-color: #123456;color:white;
    background-repeat: no-repeat;
    box-shadow: 0 -1px 1px 0 rgba(0,0,0,0.2);
    border: none;
    border-radius: 12px 0 0 0;
 font-size: 16px;
 }
</style>
<script>
$(document).ready(function(){
    $(&quot;#closeiklan&quot;).click(function(){
        $(&quot;#iklan_anchor&quot;).remove();
    });
});
</script>
<div class='anchor_banner' id='iklan_anchor'>
<button class='btnclose' id='closeiklan'><i class='fa fa-close'/></button>
<div id='div-Anchor' style='position:fixed;bottom:0px;z-index:9999;text-align:center;height:50px;width:100%;'>

KODE IKLAN DISINI

</div></div>
</b:if>
3. Letakkan diatas </body>
4. Letakkan kode iklan ukuran 320x50 pada bagian yang bertuliskan "KODE IKLAN DISINI"
5. Simpan Template

Cara Mengubah Warna Background

Bagian melayang tersebut saya rancang memiliki warna yang sesuai dengan tema blog Kurazone, yaitu Biru Gelap atau warna kode #123456. Silakan kalian ganti kode #123456 menjadi warna yang kalian inginkan. Kode warna bisa didapatkan disini >> Color Picker


Note :
  1. Kode ini dirancang hanya muncul saat tampilan mobile saja.
  2. Iklan akan ditutup saat Pengunjung menyentuh ikon silang (x)
  3. Asinkron
  4. Tidak mengganggu pemandangan
  5. Dirancang muncul dibawah, alasan : jika dirancang muncul diatas, kadang tidak cocok untuk template yang menggunakan sticky menu (menu melayang pada blog)
  6. Responsive
  7. Unlimited Color
  8. Gokil :v
Cukup mudah bukan?! Apabila kode tidak dapat disimpan atau iklan tidak muncul, coba lakukan parse terlebih dahulu pada kode iklan Adsense kalian. Parse nya bisa kesini >> Parse HTML

Itulah informasi mengenai "Cara Membuat Iklan Melayang Seperti Page Level Ads versi Kurazone", selamat mencoba dan semoga bermanfaat. Jangan lupa tinggalin komentar relevan ya.. terimakasih. Goodluck !!





Lebih baru Lebih lama