Blog Ping

Kamis, 11 November 2010

Membuat dua sidebar (Kiri dan Kanan)

Selamat Hari Raya Idul Adha  1431H, Setelah absen 2 minggu nulis tutorial blog, saya akan memberi tutor cara Membuat dua sidebar (Kiri dan Kanan). Itu judul hasil 2 hari mikir judul yang tepat hehehe, Contoh sidebarnya adalah gambar disamping. Hasilnya mungkin sederhana tapi bisa dipercantik sendiri :
Langsung saja ya ke caranya:
1. Masuk ke dasbor ->> rancangan ->> pilih edit html
2. Cari kode ]]></b:skin> lalu pastekan kode berikut dibawahnya



.sidebar-kiri{
width:149px;
float:left;
padding:0 10px 0 0;
}
.sidebar-kanan{
width:149px;
float:right;
}

3. Lalu cari kode berikut:
<div id="sidebar-wrapper">
.....
</div>

4. Lalu pastekan kode berikut sebelum </div>

<div class='sidebar-kiri'>
<b:section class='sidebar-left' id='sidebar-kiri' preferred='yes'>
</b:section>
</div>

<div class='sidebar-kanan'>
<b:section class='sidebar-kanan' id='sidebar-kanan' preferred='yes'>
</b:section>
</div>
5.Simpan template
Untuk widthnya dapat diatur sendiri sesuai template blog

Happy blogging!!!