Untuk membuat kotak sidebar blog kita terpisah-pisah ikuti langkah-langkha berikut.
2. Pada dasbor blog, pilih Rancangan
3. Kemudian pilih Edit HTML
4. Cari kode yang mirip seperti ini
.sidebar .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.sidebar .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
Biasanya kode di atas berada antara kode <head> ... </head>
5. Modifikasi kode tersebut menjadi seperti ini:
.sidebar .widget {
background:#fff;
border:1px solid #6E6E6E;
margin:0 0 1.5em;
padding:0.5em;
}
Sbr: http://kelolablog.blogspot.com
.sidebar .widget {
background:#fff;
border:1px solid #6E6E6E;
margin:0 0 1.5em;
padding:0.5em;
}
Artinya setiap widget yang kamu tambahkan dalam elemen sidebar akan dipisahkan (margin:0 0 1.5em;) sebesar 1,5em ke bawah. Kotak sidebar tersebut berlatar putih (#fff) dan memiliki garis tepi berwarna abu-abu (#6E6E6E), sedangkan jarak teks dengan tepi kotak (padding:0.5em;) sebesar 0.5em.
0 comments:
Posting Komentar