Rabu, 02 Desember 2009

Main Widget & Sidebar Berubah Warna

1. Membuat Main Widget berganti background


* Seperti biasa, masuk ke Blogger, Tata Letak Edit HTML.
* Back up dulu templatenya jika takut gagal.
* Cari kode untuk Main Widget seperti dibawah ini :

.main .widget{
background:#3D81EE;
border-bottom:0px solid $bordercolor;
margin:0 0 1.0em;
padding:0 0 1.5em;
}

* Tambahkan kode dibawah ini tepat dibawah kode tadi.
.main .widget:hover {
background:#0000ff;
}

* Klik tombol Simpan Template.
* Lihat Blog anda sekarang.

2. Membuat Sidebar Widget berganti background

* Masih di Edit HTML.
* Cari kode untuk Sidebar Widget seperti ini :

.sidebar .widget{
background:#3D81EE;
border:0px solid #6c6b6b;
margin:0 0 1.0em;
padding:0.5em;
}


* Tambahkan kode dibawah ini tepat dibawah kode tadi.
.sidebar .widget:hover {
background:url(http://i909.photobucket.com/albums/ac297/heryymanjala/blue212.jpg);
}

* Klik tombol Simpan Template.
* Lihat Blog anda sekarang.
atau bisa juga background diganti dengan alamat URL anda

Untuk bagian-bagian lainnya silahkan anda coba sendiri dengan berpaduan dari contoh diatas.

Comments :

0 comments to “Main Widget & Sidebar Berubah Warna”

SILAHKAN TINGGALKAN KOMENTAR DI BLOG INI

HTML CODE

Followers

 

Copyright © 2009 by MULTIBLOG