Cara Membuat Iklan Melayang pada Blog - Petrus Siahaan

www.petrussiahaan.com

petrussiahaan.com - Cara Membuat Iklan Melayang pada Blog - Iklan merupakan salah satu sumber pendapatan penting bagi banyak blogger. Jika Sobat menggunakan platform Blogger untuk blog Sobat, Sobat dapat dengan mudah menambahkan slot iklan yang melayang untuk meningkatkan pendapatan iklan Sobat.

Baca Juga: Tutorial Blogger Lengkap dari A sampai Z untuk NewBie

Slot iklan melayang adalah iklan yang muncul di atas atau di samping konten utama blog Anda dan tetap terlihat saat pengguna menggulir halaman. Artikel ini akan memberikan panduan praktis tentang Cara Membuat Iklan Melayang pada Blog.

Cara Membuat Slot Iklan Melayang di Blogger

Pertama Buka Dasbor halaman Blogger, klik menu Tata Letak, Klik Tambahkan Gadget kemudian salin dan tambahkan kode dibawah ini di dalam widget yang baru

<div class="fixed-leftSd">
<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
CLOSE ADS
</div>
<!-- kode iklan -->
</div>
<div class="fixed-rightSd">
<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
CLOSE ADS
</div>
<!-- kode iklan -->
</div>

Baca Juga: Cara Seo Onpage Blogspot

Kedua Klik menu Tema dan tombol Edit HTML > Kemudian tambahkan kode CSS ini sebelum </head>

<style scoped='' type='text/css'>
.fixed-leftSd,.fixed-rightSd{position:fixed;top:60px;width:160px;height:600px;z-index:9999;transform:translateZ(0)}
.fixed-leftSd{left:0}
.fixed-rightSd{right:0}
.close-fixedSd{position:absolute;width:160px;height:15px;line-height:15px;font-size:11px;font-weight:400;top:-15px;left:0;text-align:center;background:#e0e0e0;color:#666;padding:5px 0;cursor:pointer}
@media screen and (max-width:800px){.fixed-leftSd,.fixed-rightSd{display:none;visibility:hidden;}}
</style>

Setelah selesai kemudian klik Simpan

Gunakan Unit iklan dinamis 160x600px atau unit iklan vertikal pada Google AdSense.

Baca Juga: Cara Agar Heading Blogspot jadi Super Seo Friendly

Untuk melihat hasilnya, demikian cek link berikut ini:

Demo di Codepen

Selamat! Anda telah berhasil menambahkan slot iklan melayang di Blogger. Pastikan untuk memantau kinerja iklan Anda melalui panel AdSense dan melakukan pengoptimalan jika diperlukan. Penting juga untuk menghormati kebijakan iklan dari Google AdSense dan menjaga kualitas konten blog Anda untuk memberikan pengalaman terbaik bagi pengunjung. Demikianlah Cara Membuat Iklan Melayang pada Blog sekian dan Terimakasih Syalom

https://www.naminakiky.com/2019/09/cara-membuat-slot-iklan-melayang-di-blogger.html