27 Juni 2010

Membuat Sidebar Di Kotak Terpisah

Untuk membuat tampilan blog kita agar lebih menarik, para pengila blogging membuat sidebar mereka dalam kotak-kotak terpisah seperti contoh di bawah....




Cara kerjanya sebagai berikut:

  • Cari kode seperti ini, atau yang mirip.

.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}

  • Ganti kode di atas dengan kode di bawah

.sidebar .widget{

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

Teman-teman juga dapat mengganti warna backgraundnya, atau warna bordernya...

SELAMAT MENCOBA

0 komentar:

Posting Komentar