Cara memodifikasi background judul sidebar / gadget / widget

Seperti yang kita ketahui ada beberapa cara untuk memodifikasi atau merubah warna dari sidebar ( widget / gadget ) itu sendiri...ada yang mengganti warna sidebar, ada pula yang menambahkan gambar serta gif...
Berikut ini saya akan membagikan turtorial cara merubah warna sidebar atau menggantikannya dengan gambar....

langkah langkahnya :
1. log in ke blog Sobat
2. ke Template > Edit HTML > centang Expand Template Widget.
3.Search ]]></b:skin> ( gunakan Ctrl + F ). Setelah dapat, pastekan script di bawah ini tepat di atasnya :

.sidebar h2 {
background:url(https://lh6.googleusercontent.com/_VL3WNdvT3dI/Ta6CBsH5x0I/AAAAAAAAAGc/2VfxEPn2a1U/s144/buton.jpg)repeat-x;
color: #071019;
font-size: 12px;
font-family: Arial;
font-weight: strong;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
}

4. Ganti text warna biru dengan Url gambar atau gif sobat.. Jika mau mengedit besarnya tulisan di gadget / winget atau sidebar nanti , ubahlah font-size sesuai dengan keinginan sobat.. Arial adalah jenis tulisan....hasilnya seperti gambar di bawah ini :

Rex Screen Shoot:

Save dan lihatlah hasilnya...

Related Post: