How to Use Firebug to Design Your Blog

If you want to improve your design but not sure of the html and don't wanna mess with your code while trying things out the Firebug is for you. Firebug is a browser extension that is totally free and available for Chrome or Firefox users.

Firebug shows you all the CSS that makes up your design. But the best thing is that you can then edit the CSS and instantly see the result without having to delve into the coding of your theme. If you like the result you can then copy the code and paste it into the add css box in the Blogger Template Designer.

For example let's say you wanted to change the colour of your post titles. All you'd do is inspect the element using Firebug and change the colour code then copy the code and paste it in.

I've constructed a little video to show you Firebug in action so that you can see what I mean.

[youtube http://www.youtube.com/watch?v=oWhbGLmMI-M] 

It's the first You Tube video I've ever done so apologies if it isn't of the highest quality!

If you have any further questions just drop me a comment!