GilaBagi

Bagi-bagi untuk semua

Membuat Iklan Melayang/Float di Bawah Blog


Assalamualaikum Wr. Wb.

Hai, moga-moga gak bosen ngelihat posting saya... ehehe :). kali ini saya mau posting buat iklan melayang, seperti di blog saya ini. ya, iklan terlihat meskipun visitor mescroll halaman, sampai mereka(amin, banyak visitorr!!) klik tombol close. Ada juga tempat iklan melayang yang tempat, bukan space atau apa. Lihat screenshot berikut ini.
diatas adalah Screenshot tempat iklan di blog lama saya. Ukurannya bisa diganti, terserah kamu. Cara membuatnya klik Gambarnya diatas :)

Oke langsung Tutorialnya :)

1. Loginlah ke Blogger.com
2. Pergilah ke Layout/Tata Letak > Tambahkan Widget
2. Pilih HTML/Javascript, dan Copy kode berikut,
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#fb-4rt-float_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#fb-4rt-float_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#fb-4rt-float_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='fb-4rt-float_banner' style='height: 105px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqjjUzaC0abZWq_RIk46XiZDv3H0PoXJcmuHYIBYLSGgpBR4a69CFwKQsAkBz7Eq7186gFsMu76dDXAUL6y8MzWU-N973qu0lxU9-SXoJ5E-0po7kL6uQrfOawR2azR-KyeFS8zvZP1CrO/s1600/close-button-fajrybloggers-4rt.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://theavenger7fold.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivN1D1PyHJ56gLwExLygHEVhnuQz3mxHJp6HNN51BNKV22gIzt77FIQ6sc-sAhGjMzjEaYwo1Hnnpw9HWRD-YD_OtbY8sfFpFLXv2IQV6MKMhr-bCa08yYk-mz09rEqpwrP12quHMimciL/s728/ads.png" title="Pasang Iklan Murah" /></a></center></p>
</p>
</div>
Kode yang berwarna MERAH yaitu Kode Iklan, ganti dengan kode iklan sobat

3. Lalu klik Save, dan lihat hasilnya.....

Sippp.... malam ini adalah malam terakhir saya sampai desember untuk mengelola Blog ini, selanjutnya akan dilanjutkan oleh Mas Hilmi  Farhan Dika,
Thanks ^_^
Wassalamualaikum Wr. Wb.

sumber kode : http://fajry-bloggers-4rt.blogspot.com/2013/07/cara-memasang-iklan-melayang-di.html
Share this article :
+
Previous
Next Post »
0 Komentar untuk "Membuat Iklan Melayang/Float di Bawah Blog"