Cara Memasang Floating Ads di Blogger

Cara Memasang Floating Ads di Blogger

Floating Ads adalah jenis iklan yang mengapung atau bergerak pada halaman blog atau situs web. Saat pengunjung blog Anda membuka halaman, iklan ini muncul dalam bentuk floating (melayang) pada layar dengan posisi yang ditentukan, sehingga tetap terlihat meskipun halaman blog digulirkan ke bawah. 

Floating ads biasanya memiliki tampilan menarik dan mencolok, sehingga dapat menarik perhatian pengunjung dan meningkatkan peluang mereka untuk mengklik iklan tersebut. Floating Ads dapat dipasang di Blogger melalui penggunaan kode HTML, JavaScript dan CSS.

Keuntungan Memasang Floating Ads di Blogger

Berikut adalah beberapa keuntungan yang bisa didapat dari memasang Floating Ads di Blogger:

  • Meningkatkan pendapatan: Dengan memasang Floating Ads, Anda dapat meningkatkan pendapatan blog Anda dengan menampilkan iklan yang menarik pada posisi yang terlihat di halaman blog Anda. Pengiklan juga cenderung membayar lebih untuk iklan yang ditampilkan dalam bentuk floating karena iklan ini lebih mencolok dan menarik perhatian pengunjung.
  • Menarik perhatian pengunjung: Floating Ads dapat menarik perhatian pengunjung blog Anda dengan tampilan yang menarik dan mencolok. Hal ini dapat meningkatkan peluang pengunjung untuk mengklik iklan dan menghasilkan pendapatan bagi Anda.
  • Meningkatkan tampilan blog: Floating Ads dapat memberikan efek visual yang menarik dan mempercantik tampilan blog Anda.
  • Dapat disesuaikan: Anda dapat menyesuaikan tampilan, ukuran, dan posisi floating ads sesuai dengan preferensi Anda atau kebutuhan iklan.

Namun, perlu diingat bahwa terlalu banyak iklan, termasuk floating ads, dapat mengganggu pengalaman pengunjung blog Anda. Oleh karena itu, disarankan untuk tidak terlalu banyak memasang iklan pada blog Anda dan selalu mempertimbangkan pengalaman pengunjung sebagai prioritas utama.

Cara Memasang Floating Ads di Blogger

Cara Memasang Floating Ads di Blogger sangatlah mudah, untuk memasang floating ads di Blogger, ikuti langkah-langkah berikut:

  • Pertama, pastikan Anda memiliki kode iklan yang ingin dipasang di floating ads. Anda bisa membuatnya melalui platform periklanan seperti Google AdSense atau platform lain yang Anda gunakan.
  • Setelah memiliki kode iklan, login ke akun Blogger Anda dan pilih blog yang ingin Anda pasangi floating ads.
  • Klik "Layout" di menu navigasi sebelah kiri untuk membuka tampilan layout blog Anda.
  • Di tampilan layout, klik tombol "Add a Gadget" pada bagian yang Anda inginkan untuk menempatkan floating ads.
  • Pilih gadget "HTML/JavaScript" dari daftar gadget yang tersedia.
  • Salin kode iklan floating ads Anda ke dalam area teks pada gadget "HTML/JavaScript".
  • Beri judul pada gadget Anda dan klik "Save" untuk menyimpan perubahan.
  • Sekarang, Anda harus mengedit CSS blog Anda untuk menampilkan floating ads. Klik "Template" di menu navigasi sebelah kiri dan pilih "Edit HTML".
  • Cari kode <body> di dalam HTML blog Anda.
  • Tambahkan kode CSS berikut tepat di bawah kode <body>:
<style>
#floating-ads {
position: fixed;
bottom: 0;
right: 0;
z-index: 9999;
}
</style>

  • Simpan perubahan Anda pada template dan preview blog Anda untuk melihat hasilnya.
Floating ads sekarang akan muncul di blog Anda pada posisi yang Anda tentukan dalam kode CSS. Anda bisa menyesuaikan posisi, ukuran, dan tampilan floating ads dengan mengedit kode CSS yang Anda tambahkan di atas.