Ads 720 x 90

How to change background colour of any widget in Blogger

By using following method you can easily able to theme your template in whichever colour you want..

Step 1: Go to your Blogger Dashboard.
Step 2: Go to Template > Edit Html
Step 3: look for the widget you want to be themed (use Jump To Widget)
Step 4: you can see the id='example'  in this example is the widget name i want to give the background colour with border.
Step 5: Now yo know the id of your widget, here it is example., now go to Template > Customise > Advanced > Add CSS.
Step 6: Add the below code.
.ecample {
border: 3px solid #ffffff;
background:#00000;
}
if not work replace .example with  #example because in some cases we have to edit Class='example' instade of id='example'

Step 7: Experiment with Border and backgroud colours and click on apply to blog..
All Done..

Experiment with Extra Code
.example {
border: 2px solid #000000; -moz-border-radius:1px; -webkit-border-radius:15px;
background:#ffffff;
}
 In above code border corner can able to change...
using This code you can able to edit which ever widget you want to edit but try is needed for better result..

Related Posts

Post a Comment

follow on

Subscribe Our Newsletter