Panduan Lengkap: Cara Menambahkan Floating Ads Responsive di Blogger Dengan Tombol Close
Menggunakan Script Iklan Melayang (Floating ads) adalah salah satu strategi yang efektif untuk meningkatkan pendapatan dari blog Anda. Dengan menempatkan iklan yang mengambang di atas konten, Anda dapat menarik perhatian pengunjung dan meningkatkan konversi iklan. 

Dalam artikel ini, kami akan memberikan panduan lengkap tentang cara menambahkan floating ads di platform Blogger. Kami akan menjelaskan langkah-langkahnya secara terperinci, sehingga Anda dapat dengan mudah mengimplementasikannya dan memaksimalkan pendapatan dari blog Anda.

Cara Menambahkan Script Iklan Melayang (Floating Ads) pada Blogger

Sebelum kita mulai, ada beberapa persiapan yang perlu dilakukan sebelum menambahkan floating ads di Blogger. Berikut adalah langkah-langkah persiapan yang perlu Anda ikuti:

1. Daftar dan aktifkan akun Google AdSense: Floating ads umumnya digunakan untuk menampilkan iklan Google AdSense. Jadi, pastikan Anda memiliki akun Google AdSense yang aktif.

2. Pahami kebijakan iklan Google AdSense: Sebelum menambahkan floating ads, penting untuk memahami kebijakan iklan Google AdSense. Pastikan iklan Anda mematuhi semua persyaratan dan kebijakan yang ditetapkan oleh Google.

3. Siapkan gambar iklan yang sesuai: Floating ads sering menggunakan gambar sebagai tampilan iklan. Pastikan Anda memiliki gambar iklan yang sesuai dengan ukuran dan format yang disarankan oleh Google AdSense.

Cara Memasang Script (Floating Ads) Adsense di Blogger 

Sekarang kita akan membahas langkah-langkah untuk menambahkan floating ads di Blogger. Ikuti panduan berikut ini:

1. Masuk ke akun Blogger: Buka browser Anda dan masuk ke akun Blogger Anda.

2. Pilih blog yang ingin Anda tambahkan floating ads-nya: Jika Anda memiliki beberapa blog di akun Blogger Anda, pilih blog yang ingin Anda tambahkan floating ads-nya.

3. Buka menu "Tema": Di dasbor Blogger, pilih blog yang Anda pilih sebelumnya, kemudian klik menu "Edit HTML".

4. Lalu silahkan kalian cari bagian <data:post.body> biasanya terdapat dua post.body jadi silahkan kalian pilih yang kedua, lalu kalian tinggal pastekan kode di bawah ini.

<b:if cond='data:view.isPost and !data:view.isPreview'>
<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});
</script>
<!--start: floating ads-->
<div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
<div><a id='close-floatads' onclick='document.getElementById('floatads').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://3.bp.blogspot.com/-ZZSacDHLWlM/VhvlKTMjbLI/AAAAAAAAF2M/UDzU4rrvcaI/s1600/btn_close.gif' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

<!--Script iklan-->
<!---Kode iklan disini-->
<!--Akhir script iklan-->
</div>
</div><!--end: floating ads-->
</b:if>

Silahkan kalian pastekan persis diatas kode <data:post.body> dan jangan lupa untuk mengganti bagian yang sudah di tandai dengan kode iklan disini, kalian ganti bagian tersebut dengan kode iklan kalian. 

5. Disini saya menambahkan kode <b:if cond='data:view.isPost and !data:view.isPreview'> agar kode iklan ini tampil di halaman post saja, dan tidak di tampilkan saat preview postingan. 

6. Simpan perubahan dan lihat hasilnya: Setelah Anda selesai mengatur floating ads, klik tombol "Simpan Tema" untuk menyimpan perubahan. Selanjutnya, buka blog Anda dan lihat hasilnya. Floating ads sekarang harus muncul di tempat yang Anda tentukan sebelumnya.

Tips Tambahan :

Berikut ini adalah beberapa tips tambahan untuk meningkatkan efektivitas floating ads di Blogger:
1. Pertimbangkan penggunaan iklan yang relevan: Pastikan iklan yang ditampilkan di floating ads relevan dengan konten blog Anda. Hal ini akan meningkatkan peluang pengunjung untuk mengklik iklan.

2. Jangan mengganggu pengalaman pengguna: Floating ads harus menarik perhatian pengunjung, tetapi jangan sampai mengganggu pengalaman pengguna. Pastikan iklan tidak menghalangi konten utama atau mengganggu navigasi.

3. Uji dan pantau kinerja iklan: Lakukan uji coba dengan variasi posisi, tampilan, dan ukuran iklan untuk menemukan kombinasi yang paling efektif. Selain itu, pantau kinerja iklan secara teratur dan lakukan penyesuaian jika diperlukan.

4. Patuhi kebijakan iklan Google AdSense: Pastikan iklan Anda mematuhi semua kebijakan iklan Google AdSense. Pelanggaran kebijakan dapat mengakibatkan penangguhan atau penghentian akun AdSense Anda.

Kesimpulan:

Dengan mengikuti panduan lengkap ini, Anda sekarang memiliki pengetahuan yang diperlukan untuk menambahkan floating ads di platform Blogger. Floating ads dapat meningkatkan pendapatan dari blog Anda jika diimplementasikan dengan baik. Jadi, segeralah menerapkan tutorial ini dan lihatlah peningkatan pendapatan Anda melalui iklan mengambang yang menarik perhatian pengunjung Anda.