Cara Pasang Widget Floating Ads (Iklan Melayang) dengan Close Button di Blogger HTML

Hai sobat jadiseru blog, Di dunia blogging, monetisasi situs web adalah langkah penting untuk menghasilkan pendapatan dari konten yang dibagikan. Salah satu cara yang umum digunakan untuk monetisasi adalah melalui iklan. Widget floating ads atau iklan melayang adalah salah satu strategi yang efektif untuk menarik perhatian pengunjung dan meningkatkan penghasilan. Artikel ini akan membahas cara memasang widget floating ads dengan tombol tutup di Blogger menggunakan HTML.

Apa itu Widget Floating Ads?

Widget floating ads adalah jenis iklan yang muncul dan melayang di atas konten utama situs web. Mereka sering kali menarik perhatian pengunjung karena posisinya yang menonjol, tetapi tetap memberikan pengalaman pengguna yang tidak mengganggu. Dengan tombol tutup, pengunjung memiliki opsi untuk menutup iklan jika mereka tidak tertarik. Contoh seperti pada website jufrika.com berikut terdapat floating ads dengan tombol button yang bisa di close :

Langkah-langkah Memasang Widget Floating Ads di Blogger HTML:

Buka Dasbor Blogger: Masuk ke dasbor Blogger Anda menggunakan akun Google Anda.
Buat atau Pilih Iklan Anda: Anda dapat menggunakan platform periklanan seperti Google AdSense, Adsterra, infolinks atau membuat iklan kustom sendiri menggunakan HTML/CSS.
Dapatkan Kode Iklan: Setelah membuat iklan, dapatkan kode HTML untuk iklan tersebut. Pastikan untuk memilih ukuran iklan yang sesuai dengan tata letak situs web Anda.
Tambahkan Kode HTML ke Widget: Setelah mendapatkan kode iklan, tambahkan kode HTML tersebut ke widget HTML/Javascript di Blogger.
Tambahkan Script Javascript: Untuk membuat iklan melayang dan menambahkan tombol tutup, Anda perlu menambahkan script Javascript. Berikut adalah script yang dapat Anda gunakan:

<script type='text/javascript'>
        $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).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(&apos;floatads&apos;).style.display = &apos;none&apos;;' 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-->
TARUH KODE IKLAN YANG ADA DISINI
<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

Ganti ID dan Kelas: Pastikan untuk mengganti "floating_ads" dengan ID atau kelas dari elemen iklan Anda dan "close_button" dengan ID atau kelas dari tombol tutup.
Pasang Kode HTML dan Script: Letakkan kode HTML iklan dan script Javascript di tempat yang diinginkan dalam widget HTML/Javascript di Blogger.
Simpan Perubahan: Setelah menambahkan kode, pastikan untuk menyimpan perubahan Anda.

Kesimpulan:

Memasang widget floating ads dengan tombol tutup di Blogger menggunakan HTML cukup mudah dengan mengikuti langkah-langkah di atas. Pastikan untuk memilih iklan yang sesuai dengan konten Anda dan mengatur posisi serta ukuran iklan agar sesuai dengan tata letak situs web Anda. Dengan menggunakan strategi ini, Anda dapat meningkatkan potensi pendapatan Anda melalui monetisasi situs web Anda.