Cara Membuat Iklan Melayang (Floating Ads) di Blogger dengan Tombol Close

Kamu pasti tahu dong kalau iklan bisa jadi salah satu sumber penghasilan dari blog kamu. Namun, kalau iklan terlalu banyak dan terlalu mengganggu pengunjung, bisa jadi malah merugikan kamu karena pengunjung enggak betah dan pergi dari blog kamu.

Oleh karena itu, kali ini saya mau berbagi tips cara membuat iklan melayang di bawah blog dengan tombol close yang bikin pengunjung enggak kesal.

Memasang Floating Ads di Blogger

Iklan melayang bisa jadi salah satu cara agar pengunjung tertarik dengan iklan yang kita pasang di halaman blog. Namun, kamu harus pandai-pandai dalam memilih ukuran dan posisi iklan agar tidak terlalu mengganggu pengunjung saat membaca artikel kamu. Sebagai solusinya, kamu bisa memasang tombol close pada iklan melayang agar pengunjung bisa menutup iklan tersebut dan dapat tetap fokus pada artikel yang sedang dibaca.

Berikut langkah-langkah cara membuat iklan melayang (floating ads) responsive di blogger dengan tombol close:

Pertama, buka dashboard blogger kamu. Setelah itu, masuk ke menu Tema dan klik Edit HTML. Selanjutnya, kamu cari kode </body> dengan menekan tombol CTRL + F. Kalo udah ketemu, copy dan paste (letakkan) kode di bawah ini tepat di atas kode </body> tadi.


<!-- floating Ads -->
  <script type='text/javascript'>
    $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).hide(90);});});
  </script>

  <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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Su2w4Mv8CILZgjP0jGLQecueqqIdXwgLDZ6oW_BV8riRzFbPj8Ja3Ach1iZTWPMM92_rYWMdgulhoBj5Q4vBBpRc8ClUAMxFmmrrZNh6dr90oDMtS1okxvBPVb1tLpfcGK0V95UTPJBrmzzaJEWt2VPG_bxfBuMhZtZn9Y0Hw3kQ-Y5hwtuXXKsK/s52/btn_close.gif' title='close button'/></a></div>
    
    Kode iklan AdSense
    
  </div>

Selanjutnya, silahkan copy kode iklan AdSense kamu yang akan dipasang pada floating ads tersebut, tempel atau paste kode iklan pada bagian teks "Kode iklan AdSense".

Jenis iklan yang pas untuk floating ads bisa dicoba ukuran iklan 300x250, atau jenis iklan horizontal.

Kurang lebih itulah cara membuat iklan melayang atau floating ads dengan tombol close di blogger. Biasanya dengan menggunakan iklan melayang, klik yang kita dapatkan bakal lebih besar dari biasanya. Tapi, jangan lupa ya, pasang iklannya jangan sampai nutupin artikel kita, supaya pengunjung tetap betah baca blog kita.

Mohon maaf, sumber code di atas tidak bisa saya sertakan karena lupa lagi dapatnya dari web atau blog mana. Yang pasti saya mengucapkan terimakasih untuk pembuat source code tersebut.

Apakah Floating Ads Aman?

Tidak perlu khawatir, sebenarnya iklan AdSense jenis floating ini tidak berbahaya. Namun, ada beberapa hal yang perlu diperhatikan agar tidak melanggar kebijakan AdSense dan juga agar tidak mengganggu pengalaman pengguna. Misalnya, pastikan iklan melayang yang kamu pasang memiliki jarak yang cukup dengan konten utama sehingga tidak menghalangi pengguna saat membaca artikel.

Selain itu, pastikan iklan tidak memakan waktu loading yang lama dan tidak menampilkan terlalu banyak materi yang dapat membuat pengguna tidak nyaman. Jika kamu memasang iklan melayang sesuai dengan ketentuan yang berlaku, maka tidak ada risiko yang signifikan. Namun, pastikan untuk selalu mematuhi kebijakan AdSense agar akunmu tetap aman dan terhindar dari pemblokiran.

Akhir Kata

Nah, itulah beberapa tips untuk membuat iklan melayang (floating ads) di bawah blog dengan tombol close. Ingat, meskipun iklan bisa menjadi sumber penghasilan, tapi jangan sampai iklan tersebut malah membuat pengunjung enggak betah dan meninggalkan blog kamu. Oleh karena itu, kamu harus pandai-pandai dalam memilih posisi dan ukuran iklan agar tidak terlalu mengganggu pengunjung.

Semoga tips ini bermanfaat bagi kamu dan blog kamu ya, teman-teman. Jangan lupa untuk terus belajar dan mengembangkan blog kamu agar semakin sukses dan dapat memberikan manfaat bagi banyak orang. Sampai jumpa di artikel-artikel selanjutnya!

Postingan terkait
Komentar