Cara membuat sidebar terpisah

 

Banyak cara untuk membuat kotak sidebar blog kita kelihatan menarik. Contohnya adalah seperti tips kali ini. Terkadang sidebar blog perlu ditata dengan baik, supaya pengunjung blog kita merasa nyaman dengan konten-konten yang ada dalam sidebar blog kita. Selain ditata dengan bagus, tentu kita harus memberi tampilan yang menarik pula pada sodebar blog kita. Nah untuk menampilkan sidebar yang lebih menarik lagi, anda perlu mengikuti langkah-langkah di bawah ini:

1. Login ke blogger.com
2. Pada dasbor blog Sobat, silahkan berkunjung ke Edit HTML.
3. Jangan Lupa Expand Widget Templates
4. Kemudian silahkan cari kode yang mirip seperti kode berikut ini.

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

(kode di atas berlaku buat template minimal) Jika sudah ketemu, silahakan pisah kedua konten kode di atas menjadi seperti kode di bawah ini.

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

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

Jadi untuk terlihat terpisah maka ada yang harus dimodifikasi yaitu kode pada Sidebar . Widger dimodifikasi menjadi seperti kode di bawah ini
:

.sidebar .widget{
background:#fff;
border:1px dotted #6c6b6b;
margin:0 0 1.5em;
padding:0.5em;
}

Semoga Bermanfaat......., Di like y....