Memisahkan Sidebar Dalam Kotak-Kotak

Sunday, June 6, 2010
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...

Comments :

3 komentar ke "Memisahkan Sidebar Dalam Kotak-Kotak"

BitInspiration on January 5, 2012 at 3:18 AM said...

Makasih bos pencerahannya...

Admin on January 28, 2012 at 5:57 AM said...

Sama-sama..

Anonymous said...

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.

Get Update

Masukkan alamat e-mail Anda pada kotak di bawah ini untuk mendapatkan update terbaru dan berlangganan catatan dari blog "The Notes Web" via e-mail :


Privacy guaranteed, we will never share your e-mail.

Komentar terbaru

Catatan Terbaru

Komentar Terbaru