Cara Membuat Floating Adsense (Iklan Melayang) di Blogger - Mas Fadli

Friday, 23 September 2022

Cara Membuat Floating Adsense (Iklan Melayang) di Blogger

Ada banyak trik yang dapat diterapkan untuk meningkatkan penghasilan iklan adsanse, salah satunya adalah dengan menerapkan floating ads atau iklan melayang pada halaman website yang kita miliki.

Floating ads sendiri sering dibicarakan dan diterapkan oleh para publisher karena dianggap dapat meningkatkan klik iklan yang mereka tampilkan. Hal ini memang benar adanya karena floating ads bersifat akan selalu ada meskipun pengunjung melakukan scroll pada halaman website kita. Dengan begitu kemungkinan pengunjung melakukan klik akan lebih besar dari sebelumnya.

Akan tetapi sebagai catatan kalian, karena floating ads ini bersifat mengikuti dan selalu ada, jangan sampai ukuran yang kalian atur, menganggu aktivitas pengunjung karna jika ukurang yang kalian terapkan terlalu besar akan besar kemungkinannya pengunjung malas untuk bertahan lebih lama di postingan kalian.

Nah, mimin bakal share nih bagaimana sih cara membuat floating ads di blogger. Simak caranya berikut ini ya:

1. Masuk ke dashboard blogger

2. Masuk ke menu tema/theme, kemudian pilih edit html

3. Cari kode </body> dengan menekan tombol Ctrl+F. Setelah ketemu tambahkan script dibawah ini diatas kode </body> tersebut

<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 ANDA DISINI
<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

4. Untuk merubah ukuran silakan ubah bagian yang mimin beri warna biru (max-width:728px) pada bagian teks

5. Untuk script iklan silakan tambahkan pada bagian yang mimin beri warna merah dibagian teks diatas ya

6. Jika sudah save template dan floating ads akan otomatis muncul di website kalian

Nah itu dia cara membuat floating ads di blogger, cukup mudah kan. Jika dirasa artikel ini bermanfaat silakan share ke temen temen blogger kalian juga ya


Share with your friends

Give us your opinion

Notification
This is just an example, you can fill it later with your own note.
Done