langsung aja saya kasih tau cara'a,


pertama ke rancangan=> elemen halaman pilih widget yg akan diberi background warna,lalu klik edit pada salah satu widget'a


lalu copy nama widget'a seperti gambar dibawah ini.

kalau sudah dicopy,langsung ke edit HTML


kamu paste nama widget yang tadi.misal:


Followers1


kamu tambahkan kode #


jadi seperti ini " #Followers1 " karena menggunakan syntax ID


selanjutnya,masukan CSS'a


seperti dibawah ini

#Followers1 {background:#ffffff;}

selesai deh,ada background pa salah satu widget..tapi design'a masih biasa aja...


langkah selanjut'a,kita tambahkan hiasan CSS3

Border Radius CSS3
-webkit-border-radius: 8px;
-moz-border-radius: 8px;

untuk style lain'a,sobat bisa ambil css'a disini




jadi'a seperti ini

#Followers1 {
background:#ffffff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;}

cara diatas,sama untuk widget lain'a,misal nama widget: HTML1,HTML2,BlogArchive1,Profile1,Label1.

Note:besar/kecil text sangat memperngaruhi keberhasilan trik ini.

lalu,jika sobat ingin edit judul widget/title pada widget,css'a beda lagi.css'a ditambahkan h2

menjadi: #Followers1 h2 {isi CSS}

mau tambahkan hover efek??silakan...


tinggal tambahkan lagi css'a
menjadi seperti ini

#Followers1:hover {isi CSS}

Selamat mencoba sob,kalau ada yang ingin ditanyakan,jangan lupa kasih komen'a ya!jangan sungkan sob ^^