Cara Menciptakan Kolom Widget Di Bawah Header Blog

 

Cara Membuat Kolom Widget di Bawah Header Blog 

 Iklan Melayang di Bawah Blog ini disertai dengan tombol close untuk mempermudah pengunjung saat ingin menutup iklan tersebut. Beginilah cara membuatnya:
1. Login ke Akun Blogger www.blogger.com
2. klik tata letak
3. Klik tambah gadget dimana saja, alasannya dimana pun teman menambahkan gadget, tetap karenanya akan berada di bawah Blog dan melayang.
4. Pilih mode HTML/Javascript.
5. Masukan arahan berikut

<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: 120px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 10px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NDMf2yuoN2S-6FJFbuNCz39gC43rZNBRXm0qNuktT4hnk7yJyr6JqhrV7YdHQNDPpD1lBOWM7HvfYnzb3bUGx1PZcRHhXM5POVpyxqifSrilwf4TkvaH0hoqbAjW0HbqbsJaAdgjXu1K/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

pasang arahan nya di sini

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

6. Ubah pasang arahan nya di sini   dengan script iklan sobat.
7. Ubah ukuran pada script berwarna biru. 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 30px. Maka teman buat kolom dengan ukuran: tinggi banner + 30px.
8. Klik simpan, dan selesai