How To add a background image to Widgets Title in blogger

Add Background image to Sidebar widgets in Blogger: Recently one of our blog readers ask me how he can add a background image to Widgets title in blogger. So its really simple here I am going to show you how you can add a background image to widgets title actually adding background image to to widget title increases your blog attraction.Following is the detailed tutorial how you can do it:

How To Add Background Image To Widgets Title in Blogger

• Visit Blogger dashboard.
• Click on template>>Edit HTML.
• Proceed and press ctrl+f find ]]></b:skin>
• Now copy the below CSS coding and paste it above the ]]></b:skin> tag.

.sidebar h2 {
background: url("http://3.bp.blogspot.com/-UOvBXjlSo9A/UbImv57RXCI/AAAAAAAAMtM/oYUarpzF2U4/s1600/sidebar.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: "Open Sans",georgia,arial,verdana;
font-size: 20px;
font-weight: bold;
height: 50px;
line-height: 34px;
margin: 0 0 0 -10px;
text-align: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
width: 269px;}

• Now save your template you are almost done!

Recommended Articles:
How To Enclose Blogger posts in Borders
How to add borders or customize your blogger widgets with borders 
If you have problems while doing the tutorial ask us through the comments box we are here to solve your problems.