Membuat Area Sidebar Kotak Terpisah

Masih sama seperti postingan yang lalu yaitu dalam mengedit template seperti Membuat Area Komentar Kotak Terpisah dan juga Membuat Area Posting Kotak Terpisah kalau gitu neh ada lagi Membuat Area Sidebar Kotak Terpisah sudah ngak sabar ? Lihat dulu gambarnya : kalau cocok , ya langsung di coba ya :



Udah lihat kan .. Yuk menuju ke cara pembuatannya ( hehehe ) :

Masuk ke Blog kamu dengan ID kamu:

Kemudian Tata Letak

Langsung klik Edit Html

Untuk berjaga-jaga kalau gagal mengedit , Backup template kamu !
Klik aja Download Template Lengkap dan save !

Cari kode di bawah ini:


.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Hapus kode di atas dan ganti dengan kode ini :

.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";
}

Simpan template dan selesai lah sudah !

Coba lihat blog kamu , berhasil ngak ..

Sedikit tambahan : Url gambar yang berwarna merah bisa di ganti dengan Url gambar kamu dan kalau kamu pengen mengubah ukuran tulisan ubah angka yang berwarna hijau ! masih banyak yang bisa di ubah >> silahkan berkreasi !