Cara Membuat Iklan Sticky Google AdSense Ads Keren Melayang

Iklan Sticky AdSense Ads merupakan jenis tampilan iklan melayang namun posisinya tidak berubah-ubah dan bersifat tetap yang banyak disukai oleh para Blogger Publisher Google AdSense. Dengan adanya Iklan sticky selain dapat membuka peluang meningkatkan penghasilan dari Klick Iklan AdSense juga dapat memberikan kesan Blog tampak lebih keren dan menarik, memiliki daya tarik sendiri. Apalagi jenis tampilannya mirip Iklan Sticky Blog Kompi Ajaib yang legendaris Keren dan tampil beda dengan tampilan Iklan Sticky pada umumnya.

Yang membuat kesan berbeda dan tampil lebih menarik dimana Iklan Sticky ini posisinya ada di tengah-tengah diarea bawah halaman blog dan tidak aa area yang kosong seperti pada tampilan Iklan Sticky Pada umumnya. Mungkin penjelasan saya ini susah dimengerti, dan saya juga sulit untuk mengungkapnya dengan bahasa yang tepat,lebih jelasnya silahkan perhatikan 2 contoh Iklan Sticky berikut ini, Anda akan dapat dengan mudah membedakannya mana yang lebih menarik dan lebih enak dilihat.





Bagaimana setelah melihat kedua tampilan Iklan Sticky di atas, apakah Anda merasa tertarik untuk membuat dan memasang Iklan Sticky Google AdSense mirip tampilan sticky yang digunakan di template Blogger Kompi Ajaib? dan juga seperti tampilan Iklan Sticky Blog Berbagi Torial saat ini?

Baca Juga: Cara Membuat Iklan AdSense Sticky Blog AMP Tampilan Umum Biasa

Berikut ini Panduan Tutorial Cara Membuat dan Memasang Iklan Sticky Google AdSense di atas:

1. Buka Dashboard Blogger, pilih menu Tema kemudian Pilih EDIT HTML

2. Salin kode CSS Sticky berikut ini, atau apabila Blog Anda sudah menggunakan Iklan Sticky model lama dan ingin beralih menggunakan Sticky Ala Kompi Ajaib tidak perlu menyalin Kode CSS ini.

 
/* STICKY ALA KOMPI AJAIB*/
amp-sticky-ad{max-width:736px;margin-left:-368px;left:50%}
.amp-sticky-ad-close-button{background-position:center;border-radius:12px 12px 0 0;}
@media screen and (max-width:800px){amp-sticky-ad{margin-left:0;left:0}.amp-sticky-ad-close-button{background-position:9px;border-radius:12px 0 0 0;}}

Kecuali ketika nanti setelah diaplikasikan terdapat kendala sehingga Iklan Sticky tidak tampil sebagaimana mestinya Anda perlu mengganti Kode CSS Sticky yang ada di template Anda dengan kode CSS Sticky di atas.

3. Tempelkan Kode CSS Sticky di bawah <style amp-custom='amp-custom'> atau di area peletakan Kode CSS Template.

Baca Juga: Membuat Banner Iklan Sticky Responsive Melayang Blog Non-AMP

4. Salin Script Kode Sticky berikut ini, tempelkan di bawah atau di atas

 
<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and not data:blog.searchQuery and not data:blog.searchLabel'>
<amp-sticky-ad layout='nodisplay'>

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<!-- Kode iklan untuk desktop silahkan simpan di bawah ini -->
<amp-ad data-ad-client='ca-pub-1012461088833333' data-ad-slot='7397810000' height='90' type='adsense' width='728'>
</amp-ad>
</b:if>

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- Kode iklan untuk mobile silahkan simpan di bawah ini -->
<amp-ad data-ad-client='ca-pub-1012461088833333' data-ad-slot='7397810000' height='50' type='adsense' width='320'>
</amp-ad>
</b:if>

  </amp-sticky-ad>
  </b:if>

5. Sesuaikan dan Ganti kode ca-pub dan Slot Iklan Banner Display AdSense yang telah Anda Buat atau Siapkan sebelumnya dengan Ukuran Banner Width 728px dan Height 90px.

6. Klick Simpan Tema untuk Menerapkan dan Lihat Hasilnya.

Baca Juga: Cara Memasang Iklan Sticky Selain AdSense Template Non AMP

Demikianlah Panduan Tutorial Cara Mudah Membuat dan Memasang Iklan Sticky Google AdSense Valid AMP Keren Melayang untuk Blogger Pengguna Template AMP mirip tampilan Iklan Sticky Kompi Ajaib Blogger Template. Semoga tutorial di atas mudah dipahami dan dipraktikkan, jangan lupa untuk Like FansPage, Subscribe dan Share Artikel ini kepada teman-teman Anda yang membutuhkan.