Home - Forum Promo - Login

Subscribe: Posts Subscribe to Revolution ChurchComments

Ingin membuat kotak-kotak terpisah seperti blog ini, supaya terlihat rapih ini caranya :

1). Cari kode seperti ini di edit HTML Blog Anda :

.sidebar.widget .main.widget{
background:#fcdfff ; (yang ini kode warna backgroundnya)
border:2px ridge white; (yang ini kode batas tepi)
margin:0 0 1cm; (yang ini jarak antara kotak satu dengan yang lainnya)
padding:0 1cm; (yang ini jarak di dalam kotak)

2). Untuk menjadikan kotak-kotak tersebut terlihat rapih, harus disesuaikan dengan lebar templatenya, jika tidak maka posisi kotak yang ada di belakang widget/sidebarnya atau main.widgetnya (kolom untuk postingan) tidak akan sejajar. cara membuat kotak terpisah, silakan anda pisah .sidebar.widget dari .main.widget{ di atas, menjadi seperti di bawah ini :

.main .widget {
background:#FCDFFF;
border:2px ridge white;
margin:0 0 1em;
padding:0 1em;
}

.sidebar .widget{
background:#FCDFFF;
border:2px ridge white;
margin:0 0 1em;
padding:0 1em;
}

Jika sudah, silakan klik pratinjau, kalau belum sesuai dengan hati, bisa anda uji coba kembali, utak-atiklah dan anda akan mendapatkannya sesuai selera. pabila sudah berkenan dengan hati anda silakan klik simpan, selesai.

Selamat Mencoba.........
posting by. Af@N Din@ta

Prev Next Next