 |
| sidebar blog yang di bagi |
Sebelum memulai tutorial blog kali ini, saya akan membahas secara singkat apa itu side bar, sidebar pada blog adalah kolom pada sisi template anda yang biasanya anda menambahkan gadjet, menaruh iklan, dan lain sebagainya.
Tau gak kalo side bar anda bisa dibuat terpisah.....nah itu dia menarik bukan......kalo anda ingin membuatnya jangan beranjak dari kursi tempat duduk anda.....ikuti aja trik berikut ini:
Nah untuk memulainya.....anda harus persiapkan kopi hangat, roti bakar....eh udah keluar dari topik nih....Bagi anda yang penasaran mari liat aja cara buatnya....
1. Login ke blogger.
2. Pilih Tata Letak dan Klik edit HTML
3. Backup dulu template anda.
4. klik pada expand widget template
5. Cari kode ini di bawah ini :
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
6. Kalo udah dapat pisahkan kode diatas menjadi seperti ini sesuai dengan urutan.
.sidebar .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
7. Lalu rubah kode yang pertama diatas menjadi seperti ini:
.sidebar .widget {
background:#FFFFFF;
border:1px solid #CCCCCC;
margin:0 0 1.5em;
padding:0.5em;
}
8. Jika anda ingin membuat sidebar kolom anda dengan garis melengkung tinggal tambahkan kode ini:
.sidebar .widget {
background:#FFFFFF;
border:1px solid #CCCCCC;
margin:0 0 1.5em;
padding:15px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}
9. save dan lihat hasilnya....