CARA MEMBUAT BANNER (SPACE IKLAN) MELAYANG DI BAGIAN BAWAH BLOG

Pada kesempatan malam hari ini, saya akan kembali membuat tutorial untuk sahabat Kumpulan Tips-Trik Komputer yaitu "Membuat Banner atau Space Iklan melayang di bagian Blog". Langsung ke TKP aza...yach!

Begini cara membuatnya :
1.  Login ke Akun Blogger sobat masing-masing.
2.  Masuk pada bagian Tata Letak.
3.  Klik tambah widget dimana saja, 
     karena dimana pun sobat menambahkan widget tetap hasilnya akan berada di 
     bawah Blog dan melayang.
4.  Pilih mode HTML/Javascript.
5.  Masukan kode di bawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<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: 105px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5u_uSleQaq3pKM5vO-iChiQ9g7hRrU0ScRQFWY3EZqx9CaOxc9Zfej2R8KRJAcJJcte97T44DayTybcmnVie6B1kT1shgGkWQv8VFVdB6zdFlGcCyqoSaDGnIGPw2I4iXPP5Tt_bNAHWR/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

<a href="http://regibrader-free.blogspot.com/p/blog-page_1328.html" target="_blank" title="Pasang Iklan Disini"><img alt="Pasang Iklan Disini" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOx5jHx5VHgmJvp-zA4ypizmAqtoHzQ8leg2-aeUAU2TXR061zynKLmYNPbVg3dHUf_7lV0z-j8F4oMo2rhF9V_45U-mwYz7j1tZo8BQMc2VRVrn4Hv2J9xrzbY7f4oQbb0f620yV0R-Y/s1600/pasang+iklan+728x90.gif" /></a>

</center></p>
</p>
</div>
 

6.  Ubah script berwarna merah dengan script iklan sobat.
7.  Ubah ukuran pada script berwarna hijau. 

     Karena kolomnya berdampingan dengan tombol close, maka tinggi kolomnya harus

     lebih besar dari ukuran tinggi pada banner/gambar iklan sobat.

     Tombol close memerlukan space kolom 15px. Maka sobat buat kolom 

     dengan ukuran : tinggi banner + 15px.
8.  Klik simpan, dan selesai

Demikian tutorial kali ini mudah-mudahan ada manfaatnya