Cara Membuat Iklan Melayang Seperti Page Level Ads versi Kurazone - Kurazone Blog | Panduan Belajar Blogger Pemula

Cara Membuat Iklan Melayang Seperti Page Level Ads versi Kurazone

Pilihan Editor :

Cara Membuat Iklan Melayang Seperti Page Level Ads versi Kurazone
Penulis Bagus Surochman
5
Modus malam




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 !!
nanio
Cara Membuat Iklan Melayang Seperti Page Level Ads versi Kurazone
Cara Membuat Iklan Melayang Seperti Page Level Ads versi Kurazone Cara Membuat Iklan Melayang Seperti Page Level Ads versi Kurazone Reviewed by Bagus Surochman on 10/25/2018

5 komentar:

  1. Lapor .. di wp ku ga bisa d close :v

    BalasHapus
    Balasan
    1. Kasihan sekali pak.. Wkwkw

      1 paket kode diatas mengandung CSS, JS dan HTML. .Yang tujuannya agar lebih mudah saat dipasang ke template.. Khususnya blogger..

      Jika untuk wp.. Berarti kodenya bisa dipisah. .Yg css bisa ditaruh di style.css. .Yg html bisa ditaruh di footer.php.. Sedangkan yg JS bisa ditaruh kedalam file yang mengandung javascript.. 😂😊😊😊

      Hapus
    2. Wokwokwok .. Itu mah srlalu om wajib tu. .Ternyata problem nya aing ada yang salah. Ada kelebihan satu titik pas edit css nya.. Hwhwh . Tq infonya

      Hapus
  2. terimakasih sudah mengabulkan permintaan saya 😊

    BalasHapus
  3. Sebagai pembaca setia blog ini, saya sangat puas dengan artikel-artikel yang ada buat semoga suatu saat saya bisa ketemu dengan adminya untuk ngopi bareng

    BalasHapus

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.