Cara Membuat Kolom Widget di Bawah Header Blog
1. Login ke Akun Blogger www.blogger.com
2. klik tata letak
3. Klik tambah gadget dimana saja, karena dimana pun sobat menambahkan gadget, tetap hasilnya akan berada di bawah Blog dan melayang.
4. Pilih mode HTML/Javascript.
5. Masukan kode 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/AVvXsEhAVy1tggiamWXw3MgvATMWaLcMcD2hBCtCqY6u_uXeeJ51sFVLnic736DPxe_NVKmU0AzCzgvf2dSI0Q0FQOA0ulFEpzunazGikYMBwgdvYe3mOw3HG-G2_j3X4UCwAX2Yrr5CvtUS051O/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
pasang kode nya di sini
</center></p>
</p>
</div>
</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/AVvXsEhAVy1tggiamWXw3MgvATMWaLcMcD2hBCtCqY6u_uXeeJ51sFVLnic736DPxe_NVKmU0AzCzgvf2dSI0Q0FQOA0ulFEpzunazGikYMBwgdvYe3mOw3HG-G2_j3X4UCwAX2Yrr5CvtUS051O/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
pasang kode nya di sini
</center></p>
</p>
</div>
6. Ubah pasang kode 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 sobat buat kolom dengan ukuran: tinggi banner + 30px.
8. Klik simpan, dan selesai
Demikian artikel tentang Cara Membuat Kolom Widget di Bawah Header Blog ini dapat kami sampaikan, semoga artikel atau info tentang Cara Membuat Kolom Widget di Bawah Header Blog ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.
