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 browser
Firebug 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 blue
Step 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

Comments

  1. Anonymous1 June 2013 at 21:29

    Thanks very useful was searching for this tool downloading the firebug right now

    ReplyDelete
    Replies
    1. rotatorman1 June 2013 at 21:48

      thanks a lot Vijay:)
      send your feedback after using it

      Delete
  2. Anonymous8 July 2013 at 09:30

    Thanks! I've been wanting to customize some themes I found. This is going to make it SO much simpler. :-)

    ReplyDelete
  3. Unknown12 February 2014 at 20:08

    thanks a lot.. www.softipz.net

    ReplyDelete

Post a Comment

Popular posts from this blog

Top Affiliate programmes to monetize travel and e-commerce sites

Image
Are   you running an e-commerce or a travel website and have considerable amount of visitors and looking for some extra income, then affiliate program is the best way to make income. There are thousands of affiliate programs available one should choose the best program that suits your site and visitors interest. Here is a list of some of the best affiliate programs available, read about user policy and mount of revenue and commission you could earn from each program before applying. Expedia Affiliate Network Priceline Tripadvisor Orbitz Travelocity Hellotravel Hotwire Tripit Hotelscombined Now if you are running a travel website that has more traffic inclined towards travel equipment and shopping-...
Read more

Online Collaboration Tools for Software Engineers

Image
{by Nishadha Silva } Collaboration means a group of people working together to create something. In general most software engineers do this in there day to day life. However the advances in technology and the increasing number of people working from distributed locations lead to more advanced online collaboration tools. Below are some online collaboration tools that are well suited for software engineers. Confluence Confluence is software to manage wiki’s . Wiki’s became very popular after the success of community driven websites like Wikipedia . Business started noticing this and adopted this to manage their business knowledge. People can share their articles and his peers can give feedback instantly. A great tool for manage business knowledge in a collaborative way. Creately Creately is an online diagramming tool , specifically built for software teams. Even as a standalone diagramming tool it compares well and can be considered as an alternative to Microsoft Visio. But when it c...
Read more

Do You Suffer From Nomophobia

Image
With 75 per cent of people suffering from it, GLOSSOPHOBIA i.e., the fear of speaking in public was considered to be the number one phobia. But now, a new fear – NOMOPHOBIA is on the rise and will replace the position of GLOSSOPHOBIA soon!     Now as you would read further about NOMOPHOBIA, one might naturally wonder if such a symptom can be classed as a disease. But latest studies and researches have revealed that it is not just a fantasy to laugh at but could lead to serious mental disorders such as stress, hypertension, etc.                                             Nomophobia (Photo credit: Foomandoonian )   What actually is NOMOPHOBIA? According to a survey conducted in 2008 of 2163 adults in the UK by YouGov plc underwritten by the UK Post Office Telecoms, it is supposedly “the fear of being out of mobile phone contact,” i.e., a no mobile phone phobia ...
Read more