Jika Anda ingin menambahkan sidebar di bawah header, silahkan ikuti petunjuk berikut. Pertama-tama yang harus diketahui, yaitu sidebar yang saya maksud adalah sidebar tiga kolom. Artinya, akan ada tiga sidebar yang akan muncul/terpasang nantinya (lihat tiga kolom di bawah menu blog ini).
Langsung saja untuk proses pemasangannya.
Selamat belajar dan jangan lupa komentarnya ya!!!
Baca Lengkap....
Langsung saja untuk proses pemasangannya.
- Log in ke akun BLOG Anda. Klik RANCANGAN lalu klik EDIT HTML.
- DOWNLOAD template Anda terlebih dahulu kemudian centang EXPAND TEMPLATE WIDGET.
- Letakkan kode berikut di atas ]]></b:skin>.
#sidebar-atas {
width:900px;
clear:both;
float:left;
color:#fff;
background: transparent;
margin:0 auto;
padding:0 0 10px;
}
#sidebar-atas a:visited {
color:gray;
text-decoration:none;
}
#sidebar-atas h2 {
color: #fff;
font-family: Comic Sans MS;
font-size: 20px;
font-weight: normal;
text-shadow: 1px 1px 6px #fff;
margin: 0 0 10px;
padding: 10px;
background: url(https://lh3.googleusercontent.com/_QeIxO28ukBc/TZLjbMaApXI/AAAAAAAAALo/ZV6xupKEs7w/backian.jpg);
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}
#left-sidebar-atas {
width:360px;
float:left;
padding-left:15px;
}
#center-sidebar-atas {
width:230px;
float:left;
padding:0 20px;
}
#right-sidebar-atas {
width:260px;
float:right;
padding-right:15px;
} - Kemudian cari kode berikut.
<div id='header'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Anak Pesisir (Header)' type='Header'/>
</b:section>
</div> - Setelah ketemu, letakkan kode berikut di bawahnya.
<div id='sidebar-atas'>
<b:section class='sidebar-atas' id='left-sidebar-atas' preferred='yes'/>
<b:section class='sidebar-atas' id='center-sidebar-atas' preferred='yes'/>
<b:section class='sidebar-atas' id='right-sidebar-atas' preferred='yes'/>
</div> - Jika Anda memiliki menu horizontal dan ingin menyimpannya di bawah menu blog Anda, simpan saja kodenya di bawah kode menu pada blog Anda.
- Ganti tulisan berwarna merah dan sesuaikan dengan ukuran blog Anda. SIMPAN TEMPLATE dan selesai. Silahkan lihat hasilnya di ELEMEN LAMAN.
Selamat belajar dan jangan lupa komentarnya ya!!!