Cara Membuat Widget Dengan Kotak Pemisah

Mungkin Sebagian Blogger Sudah Tau Caranya Tapi Saya Akan Berbagi Informasi Ini Dan Siapa Tau Dari Blogger Sendiri Ada Yang Baru Belajar

Baiklah Blogger Bisa Lihat Contoh nya Seperti Diblog Saya ,,

Tepatnya Dibagian Widget Saya,,


Jika Berminat Ikuti Tutorial Dibawah Ini ,,,
1.Log in Ke Akun Blogspot kamu , Blogger Pasti Sudah Taukan
2.Klik Desain
3.Rancangan Dan Klik Edit Html
4.Ini Langkah Yang Terpenting Jangan Lupa Save Template Blogger ,, Jaga Jaga Siapa Tau Ada Kesalahan Saaat Melakukan Tutorial Ini Blogger Tidak Usah Mengeditnya dengan susah payah ,
5.Klik Kotak Yang Bertuliskan "Expand Template Widget"
6.Cari Kode " Dibawah ini "
   /* Widgets
   ----------------------------------------------- */

Jika Tidak Ketemu Dengan F12 maka Cari Lah Pelan Pelan Dengan

Dan Pastikan Kodenya Utuh Seperti Dibawah Ini "

/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
  padding: 0;
  list-style: none;
}
Disetiap Template Blogspot Tidak Semua Kodenya Sama Hanya Saja Punya Kemiripan ,,, Jika disalah satu template Blogger tidak ada kode tersebut maka
Berpusatlah Pada Kode

/* Widgets

----------------------------------------------- */
Disetiap Template Ada Kode itu ,,, Nah Langkah Terakhir Hapur Kode Yang Berada Tepat Dibawah Kode

/* Widgets

----------------------------------------------- */
Contoh :

.widget ul, .widget #ArchiveList ul.flat {
  padding: 0;
  list-style: none;
}


Dan Ganti Dengan :

.sidebar .widget {
background:#fff url(http://i49.tinypic.com/w8176h.jpg) repeat-x top;
border:1px solid #DF0101;
margin:0 0 0.5em;
padding:0.5em;
font-size:11px;
font-family:"verdana";
}

Setelah Itu Klik Pratinjau Untuk Melihat Hasilnya Jika Memuaskan Maka Silhkan Simpan Template