Membuat widget sidebar tampil dalam kotak-kotak yang terpisah akan membuat blog tampak lebih rapi. Cara yang harus dilakukan adalah membuat border pada setiap sisi untuk setiap widget pada sidebar.
Bagi yang tertarik untuk membuat widget blog-nya tampil dalam kotak-kotak yang terpisah, silakan ikuti langkah-langkah berikut.
1. Log in ke akun blogger.
2. Setelah masuk ke akun blogger, kemudian klik menu "Rancangan" atau "Design"
3. Klik "Edit HTML" untuk masuk ke halaman pengeditan kode template.
4. Centang kotak kecil yang berada di sebelah kiri kalimat "Expand template widget" kemudian back up (copy paste) seluruh kode template di notepad. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan kode template.
5. Temukan kode berikut ini atau yang mirip dengan kode berikut ini :
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
6. Ganti kode diatas dengan kode berikut ini :
.main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.sidebar .widget, .main .widget {
border:1px solid;
margin:2px;
padding:3px;
}
7. Klik "Pratinjau" atau "Preview" untuk melihat hasilnya.
8. Simpan template
9. Selesai
Jika ada yang kurang jelas silakan disampaikan.
Terima kasih ..
Semoga bermanfaat...
Subscribe to:
Post Comments (Atom)
Comments :
3 komentar ke "Memisahkan Sidebar Dalam Kotak-Kotak"
Makasih bos pencerahannya...
Sama-sama..
ajeg wae lngka .sidebar .widget, .main .widget {
Post a Comment
Silakan berkomentar sesuka Anda. Namun jangan spam, berbau SARA, kekerasan, porno atau intimidasi terhadap orang lain. Komentar yang melewati batas akan di hapus. Terima kasih.