Jumat, 18 Februari 2011

Membuat Kotak Sidebar Terpisah-Pisah

Membuat kotak sidebar terpisah-pisah bukanlah hal yang sulit di dunia blogger. saat ini berbagai desain blog telha bermunculan. Contohnya mendesain kotak sedebar blog kita. Untuk lebih jelasnya, anda akan mengerti tips ini jika anda melakukan apa yang akan saya berikan kepada anda.
Untuk membuat kotak sidebar blog kita terpisah-pisah ikuti langkah-langkha berikut.

1. Login ke blogger dengan akun saudara
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;
}
Biadanya 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;
}
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.


Kamu bisa membuat fersi kotak sidebar blog kamu, dengan melakukan editan pada kode tersebut

Tidak ada komentar:

Posting Komentar