May | 31 | 2007

Five Steps To Quickly Change Your Blog’s CSS Design

Cascading Style Sheets (CSS) is an HTML standard that Web site developers use to control over how pages are displayed. With CSS, designers and users can create style sheets that define how different elements, such as headers and links, appear.

If you are already familiar with CSS, here’s a way to quickly make test changes on your blog’s design:

1. Download and install the Mozilla Browser.

2. Download in install the Firebug plugin. This plugin will allow you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

3. Open your blog in Mozilla. Click on the Firebug icon at the lower right corner of Mozilla. A small tab should appear.

4. Inspect the various elements in your blog. Edit the CSS files and see how the changes are immediately shown.For instance, look at the body CSS settings and try to change the general fonts used.

5. Once you you are satisfied with the new blog look, Copy your CSS changes and replace the CSS file on your blog’s server.

I often make design changes in my blog and follow this procedure myself.

No related posts.

Comments (7)

7 Responses

anatol
31|May|2007

Nise site!
Sugar Mouse In The Rain
31|May|2007

Thanks for this useful information.
Ia Lucero
01|Jun|2007

I love Firebug. It’s a great way to learn HTML and CSS and even JavaScript.

I wish IE and the other browsers supported it (there’s a portable version but it’s not quite the same) so that debugging for cross-browser compatibility comes easier.
Geo
01|Jun|2007

Neat! I’ll try this
Brix
06|Jun|2007

Yes GEO, I agree – wish FireBug was on IE too. It’s annoying when I can’t get a website cross-browser complaint.
Geo
06|Jun|2007

Well you can’t have everything.
Lol, I can now easily edit CSS, but the problem is, im not that artistic! Oh well. Can’t have everything
Thomas Sebastiani
20|Jul|2009

Great tips, thank you!!

Our Features

Featured Blogs
Design and Themes

The Modern and Creative Design and Themes

In order to design a website you can organize web design contests which are meant for the designers who are best in this field. This is one of the best way by which you can get the best designs and then you can pick any of them. You can use internet that is the ideal [...]
Read on
More Design and Themes Features
Software and Widgets

WordPress Plug-ins

If you blog using WordPress and can’t do something that you want done like adding Sphere-related content at the end of your blog posts you might be surprised to find out that there are already plug-ins available that make it happen. To find good WordPress plug-ins all you need to do is search for â€œwordpress [...]
Read on
More Software and Widgets Features
Reviews

A Friend In Need

I’m helping out my friends from the UA&P – IShareHappiness Blog Team. Whenever you feel pessimistic, angry, troubled, frustrated, and depressed â€“ what have you â€“ you need someone to talk to. Someone who could help you be more optimistic and help make you feel that there is hope. Sometimes itâ€™s hard to talk to [...]
Read on
More Blog Reviews
Monetization

The Modern and Creative Design and Themes

In order to design a website you can organize web design contests which are meant for the designers who are best in this field. This is one of the best way by which you can get the best designs and then you can pick any of them. You can use internet that is the ideal [...]
Read on
More Monetization Features
Marketing and Search Optimization

The Importance of SEO Consulting in Creating Online Businesses

Due to the reception and acceptance of SEO as a business process for assuring successful profit generation, many blogs, article contents, and forums have been discussing this matter, even providing some tips and tricks for everyone who is interested to know what is behind the trend and the system. People who would like to achieve [...]
Read on
More Marketing and SEO Features
Blog Resources