How to Change Sidebar title background

Posted by: Shahbaz Malik on 1 July 2011 Under:

Sidebar is generally situated at any of the position i.e left and right. It contains the widget or plugins like label, follower, blog archive etc. In this tutorial I am going to explain you how you can customize these widgets by changing the color of their title. For this you have to make some changes in your Blogger Template.I will use css (Cascading style sheet) to change the color of the widget. If you apply this tricks on your Blog then the appearance of your Blog will increase and will be look more professional. So sit back smoothly and see how it will works ?   
  • Login to yur Blogger Dasboard.
  • Go to Design/ Edit HTML
  • Before making any changes in template take a complete backup of the template.
  • Find the following piece of code in Blogger template.
<style type='text/css'>
h2
{background:#EDEDED;
margin: 0 0 1em 0;
color: $(widget.title.text.color);
text-transform: uppercase;
}
</style>
  • Now copy the above code and paste it according to the following image. 

    • Save the template.
    You can change the color of widget by changing background:#EDEDED. You can see the complete list of color code form here.
    At last I want to say that I give my best to produce this article if any find any difficulty in placing the code then comments are always open for that or if you like the above article then don't forget to subscribe it for latest updates.  

    If you enjoyed this article then kindly take 5 seconds to share it!!

    0 comments:

    Post a Comment

    LinkWithin

    Related Posts Plugin for WordPress, Blogger...