How To: Add Background Image In Widgets Or Gadgets

We can add background images to blogger gadget .
We can add unique images to
different gadgets in blogger. With CSS code wecan add background image.
Follow below steps to Add a Background Image to Gadgets in Blogger
step 1 : go to blogger dashboard
step 2 : click on atemplate
step 3 : click on Customise button under
Customise click on Advanced
step 4 : click on add CSS under Advanced options add below CSS code to your blogger blog
#widget id1{
background: url(IMAGE URL) no-repeat;
}
replace widget id1 with your blog widget ID in the above code to which you want to apply background image

To add a unique Background Images to Gadgets in Blogger.

#widget id1{
background: URL(IMAGE URL) no-repeat;
}
#widget id2{
background:url(IMAGE URL) no-repeat;
}
#widget id3{
background: url(IMAGE URL) no-repeat;
}
step 5 : click on apply to blog
Note: If we remove no-repeat in above CSS code then background image will display more time in a gadget i.e you can see image repeatedly.

Note: If we remove no-repeat in above CSS code then background image will display more time in a gadget i.e you can see image repeatedly.

Recommended:
1.Add Colour And Image To Gadgets Titles
2.More Blogger Tips
3.Create Logo For Your Business
4.Free eBooks In PDF