Cara Membuat Garis Batas Pada Sidebar

Agar blog anda bisa dilihat rapi,.. alangkah baiknya bisa dipasa garis pembatas pada sidebar.. 

cara bikinnya ikuti langkah di bawah ini: 
1. log in blog anda dulu.
2. Klik Rancangan kemudian klik menu tab Edit HTML..
3. Jangan lupa beri tanda centang pada kotak kecil Expand Template Widget.
4. Cari kode di bawah ini: tiap template mungkin beda beda pilih yang mirip dengan kode script .
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

6. Jika ketemu ganti kode tersebut dengan kode di bawah ini:

.sidebar .widget, .main .widget {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

.main .Blog {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

7.Anda bisa ganti warna  bacground sesuai keinginan anda, untuk mendapatkan kode warna disini
8. Klik Save Template ..
9. Selesai,, selamat mencoba.... 
 
Sumber :http://zaniebloginfo.blogspot.com

1 komentar:

Posting Komentar