Add Background Color and Image To Sidebar Titles and Widget Titles.

Customization of template in blogger makes looks attractive.When coming to blogger sidebar gadget titles or widget titles  customization,adding background color or image to titles.To add this in your blogger templates follow below tutorials.

Color To Widget Titles and Gadgets Titles

1.Login to blogger

2.Template >> Edit Html

3.Search for ]]></b:skin> using Ctrl+f  shortcut key.

4.Add below code before ]]></b:skin>

.sidebar h2, .rsidebar h2, .lsidebar h2 {
    background:#000000;
    color: #FFFFFF;
    font-family: verdana,arial;
    font-size: 12px;
    font-weight: bold;
    height: 33px;
    margin: 0;
    padding: 3px 0 3px 7px;
    text-transform: uppercase;}

5.You can change colors as you like.

 

Image To Widget Titles and Gadgets Titles

1.Login to blogger

2.Template >> Edit Html

3.Search for ]]></b:skin> using Ctrl+f shortcut key.

4.Add below code before ]]></b:skin>

.sidebar h2, .rsidebar h2, .lsidebar h2 {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5UkEvQbZ6eydD5QbzshGN4VIYxRzo5ND5jpOOtBA2lMuA1jYjCSAS7XmZGVhHtPv1RlRmF1hA1-C7HjahnwyyxibrdVVnPVpj92ef4uwZNG9Ph57fQrGqLzj54hHQ0aXpNfR2XH0ZWdL0/s150/sas.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: verdana,arial;
    font-size: 12px;
    font-weight: bold;
    height: 33px;
    margin: 0;
    padding: 3px 0 3px 7px;
    text-transform: uppercase;

5.Save template and check your template.