Smart Way to Modify Blogger Template to Attract More Visitors

If you have chosen a customized blogger template and has made necessary xml changes and still your template is looking dull, here is a great way to customize the template. Colors and font sizes can only be modified by editing CSS codes and if your knowledge on CSS is limited you may use the below step to customize the template.
Firstly you need to download Firebug Lite for Google chrome or respective browserFirebug lite for Google Chrome is a free extension for Chrome that lets you inspect and Modify HTML in real time. With the firebug lite installed, clicking on the Firebug lite icon on the top right opens the tool that contains tabs to inspect HTML, CSS, script.
Now for instance this is the template you need to edit in terms of change colors, fonts, width etc etc.

I need to change the red tabs that shows labels( smartphones, tablets etc)
Step1: Lauch the firebug lite and click on the inspect button on the toolbar, now hover your move over where you need to edit, for example hover over tabs and type body. 
Step2:I have hovered my mouse over the red tabs and following script is inspected, Now you could see the CSS script in real time and make necessary change, for example change the colors from red to blueStep 3: Here the CSS style sheet is shown. You need to change the backgrund color of the tab from Red to blue.
The CSS code for red is #E53B2C change it to necessary color value using color pickers.
Step 4: Now seen the changes in real time, its time for you to go back to edit template option in blogger, find the respective CSS code and make the changes.
Step 5: Replace the #E53B2C to #148b9