Cara Memasang Floating Ads dengan Tombol Close di Bagian Bawah blog

Tags


Melalui Artikel ini, kali ini akan dibahas tentang cara Memasang Floating Ads dengan tombol close di Bagian Bawah Blog. Penampakannya kurang lebih seperti screenshot diatas. Floating Ads sendiri adalah slot iklan melayang yang tidak akan hilang dari layar meskipun halaman di scroll. Fungsinya apa ? salah satu fungsinya adalah untuk meningkatkan Ketelihatan iklan guna menaikkan CTR pada iklan.

Baca Juga


Kesalahan yang sering ditemukan dalam penggunaan Floating Ads adalah masalah penempatan yang menutupi konten sehingga bisa menyebabkan Pengunjung merasa terganggu dan alih-alih pengunjunk malah melaporkan iklan karena iklan menutupi konten. Namun sebenarnya jika posisi Floating ads pas dan apalagi dilengkapi dengan tombol close sehingga pengunjung yang kuran sret bisa menutup iklan maka tidak akan ada masalah dengan iklan anda. 


Cara memasang Floting Ads di blog

Barikut langkah-langkah untuk memasang Floating Ads di Blog anda (blogspot)
Langkah 1, Masuk Ke dashboard blog anda.


Langkah 2, Pada dasboard pilih Tema lalu pilih edit HTML.


Langkah 3, Selanjutnya pada data HTML blog anda tekan tombol Ctrl + F kemudian masukkan </body> dan tekan enter. Kemudian tepat pada bagian atas </body> masukan Script Berikut :



<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedbox' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedbox' onclick='document.getElementById(&apos;fixedbox&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP-GqEHfcBbwCrcXVCNQoZ9-SgddVYF7KUWwaEFV_74lc0-XN-Bd9hIHC0dvVv0gVJbE6LydWDoBvskBsONe-MztuVvQ3tzhcsaa-gEB2jmgmUtpKjvDdwk45S7hdXRMLgH80TKsoUb3so/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:1528px;height:auto;overflow:hidden;margin:auto'>
<div class='kotak_iklan3'>
--Paste kode Iklan disini--
</div>
</div>

Silahkan Masukkan Kode unik iklan anda pada script yang berwarna merah diatas. Langkah terakhir simpan hasil editan Anda dan lihat hasilnya.

Anda juga bisa melakukan beberapa penyesuaian ukuran lebar. Caranya dengan menganti angka pada script yang berwarna biru untuk lebar

Sekian dan terimah kasih semoga bisa membantu anda. 

Artikel Terkait


EmoticonEmoticon