We have developed another code in css3 to make your sidebar more stylish. This widget is designed in css3. This lightweight widget will give your blog a stunning look. This widget changes your sidebar h2 styles into highly optimized and stylish sidebar h2. This widget adds a separate style on sidebar h2, The background image used in the style sheet is very small in size and it is hosted on picassa so you don't need to worry about server errors and image loading time. Another great thing is you don't need to add separate html codes in your blog. This widget works perfectly on sidebars having 320 px width so, make sure that your sidebar width is in between 300 to 320 px.
FEATURES OF Sidebar Header Styles
- Highlight Your Sidebar Header
- It doesn't affects your page loading time
- No Java script no j query
- Plain style sheet code designed in css3
- No need to add extra html codes in your blog
- Eye catching look
How To Add New Sidebar Styles In Blogger Blog
For adding this widget in your blog, Proceed as follows:
- Go to blogger.com
- Open Your Blog.
- Go To "Template".
- Click "Edit HTML".
- Now, Search For "]]>"
- Add the code given below above "]]>"
Read: How To Add Contact Us Page To Your Blogger Blog
.sidebar h2 {You may need to change the value of highlighted code to align the sidebar heading correctly Comment your questions below and let us know!
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg02n2RCcNFTKmuNCLk4GwQOUui_yuBDswPtXuuW8uBGCH1FsjgxE5c7hrWQtueZkVB8jDqCpSwiezsBrjucG356L7D-7A3ptnqIpJle1aOSvogW61FCfFVcnoKJZO3f3ILPCHIisILUofH/s400/sidebar2_h2.png) no-repeat scroll 0 0 transparent;
color: rgb(213,213,213);
height: 66px;
font-size: 14px;
font-weight: bold;
margin: 0 0 -28px;
position: relative;
left: -30px;
top: 0;
width: 362px;
text-align: center;
padding: 15px 0 0;
font-family: helvetica;
padding-bottom: 15px;
}
Read: How To Add New and Old Ribbon To Latest And older Posts
We have developed another code in css3 to make your sidebar more stylish. This widget is designed in css3. This lightweight widget will give your blog a stunning look. This widget changes your sidebar h2 styles into highly optimized and stylish sidebar h2. This widget adds a separate style on sidebar h2, The background image used in the style sheet is very small in size and it is hosted on picassa so you don't need to worry about server errors and image loading time. Another great thing is you don't need to add separate html codes in your blog. This widget works perfectly on sidebars having 320 px width so, make sure that your sidebar width is in between 300 to 320 px.
FEATURES OF Sidebar Header Styles
- Highlight Your Sidebar Header
- It doesn't affects your page loading time
- No Java script no j query
- Plain style sheet code designed in css3
- No need to add extra html codes in your blog
- Eye catching look
How To Add New Sidebar Styles In Blogger Blog
For adding this widget in your blog, Proceed as follows:
- Go to blogger.com
- Open Your Blog.
- Go To "Template".
- Click "Edit HTML".
- Now, Search For "]]>"
- Add the code given below above "]]>"
Read: How To Add Contact Us Page To Your Blogger Blog
.sidebar h2 {You may need to change the value of highlighted code to align the sidebar heading correctly Comment your questions below and let us know!
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg02n2RCcNFTKmuNCLk4GwQOUui_yuBDswPtXuuW8uBGCH1FsjgxE5c7hrWQtueZkVB8jDqCpSwiezsBrjucG356L7D-7A3ptnqIpJle1aOSvogW61FCfFVcnoKJZO3f3ILPCHIisILUofH/s400/sidebar2_h2.png) no-repeat scroll 0 0 transparent;
color: rgb(213,213,213);
height: 66px;
font-size: 14px;
font-weight: bold;
margin: 0 0 -28px;
position: relative;
left: -30px;
top: 0;
width: 362px;
text-align: center;
padding: 15px 0 0;
font-family: helvetica;
padding-bottom: 15px;
}
No Comment