sidebar code
.sidebar h2 {
background:url(IMAGE-URL-HERE);
background-repeat: no-repeat;
background-position:left center;
padding:10px 3px 0 30px;
}
.sidebar h2 {
background-image: url(YOUR-IMAGE-LINK);
background-position: center left;
background-repeat: no-repeat;
height: 45px;
padding-left: 50px;
padding-top: 20px;
}
.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 ]]> using Ctrl+f shortcut key.
4.Add below code before ]]>
.sidebar h2, .rsidebar h2, .lsidebar h2 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0o6RvKlvPHyOkRptgFy8znVQpdOVKDmN59OIYAeUGIh3gIhKoYauvkE9FJyIIC0KSL5CL2ny0nn9GXdyHaI-EqwJb_FYRaQSVz5mRBoHPg7xr8bub75kBXr-h9uIoWhp18jp8In-Jhurs/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;
RECENT INFORMATION
|