Hey sob? kali ini saya akan memberikan bagaimana caranya membuat sebuah widget iklan melayang pada blogger, mungkin bagi sebagian besar para blogger mempunyai iklan seperti iklan adsense, iklan pribadi atau iklan sejenis lainnya yang dapat di masukan di blog anda, namun sering kali banyak keluhan tentang penampatan iklan yang kurang strategis dan sedikit sekali yang mengunjungi atau yang mengklik iklan yang sudah tampil tersebut. Nah, dengan banyaknya keluhan tersebut mungkin dengan cara menempatkan iklan melayang dibawah blog menjadi solusi bagi anda yang sedikit klik iklan pada blog anda.
Membuat iklan melayang di bawah footer blog mungkin banyak yang mengira akan melanggar TOS dari beberapa menyedia layanan iklan seperti adsense, namun menurut saya itu tidak menjadi masalah, karena peraturan tos dari penyedia layanan iklan biasanya membahas tentang ketergangguan atau keterpaksaan pengunjung untuk mengklik iklan, beda dengan menempatkan iklan di bawah blog dengan melayang apa lagi disertai dengan tombol close yang memberikan kebebasan untuk para pengunjung yang mau mengklik atau menutup iklan tersebut, jadi apakah itu melanggar TOS? menurut saya itu tidak.
Oke bagi anda yang ingin menempatkan iklan melayang dibawah footer blog dengan tombol close bisa ikuti cara mudah yang saya berikan berukut ini. Oke langsung ke tekape.
Cara Mudah Memasang Iklan Melayang dibawah Blog dengan Tombol Close
1. Pertama anda buka dasboard blog anda.
2. Lalu anda bisa masuk kemenu "Tata Letak" dan klik "Tambah Gadget".
3. Setelah itu klik "HTML/Javascript", Kosongkan Judul dan Masukan Kode berikut ini.
<!-- floating ads http://blogsejutaumat.com/ -->
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 120px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 10px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJtfKrkCsq_CQnh8MWEdf4LJML0T8yO9429NF6VTVPG6kyllXsN6O0VuvY0J-0sYoIVZTL_0PqLJRr8itzQ67EdShLuqb5CPY4t_zcrlHnvhi9iRLbJbkf0vEqRfFwPIUA_ytzw8HZBIMp/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p><p><center>
TAMBAHKAN KODE IKLAN DISINI
</center></p>
</p>
</div>
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 120px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 10px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJtfKrkCsq_CQnh8MWEdf4LJML0T8yO9429NF6VTVPG6kyllXsN6O0VuvY0J-0sYoIVZTL_0PqLJRr8itzQ67EdShLuqb5CPY4t_zcrlHnvhi9iRLbJbkf0vEqRfFwPIUA_ytzw8HZBIMp/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p><p><center>
TAMBAHKAN KODE IKLAN DISINI
</center></p>
</p>
</div>
4. Terakhir anda bisa "Simpan".
5. Selesai dan lihat hasilnya.
Oke mungkin itu saja yang bisa kita berikan mengenai artikel "Cara Membuat Iklan Melayang di Bawah Blog dengan Tombol Close" ini, semoga dengan apa yang sudah kita berikan ini dapat bermanfaat bagi Kalian. Jika ada Kesalahan atau ada Pertanyaan serta Tambahan bisa isi pada kolom komentar. Terimakasih.
Posting Komentar