Five Steps To Quickly Change Your Blog’s CSS Design
Posted by Brix as Design, Design and ThemesCascading 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.
Related Articles
-
Design and Themes
Is Your Blog W3C Compliant?
Last night I checked my personal blog’s code hoping I can proudly display the W3C Validated Button. Since I use Blogger and do not really do anything to clean up the code (beyond adding Alt-tags to the images I embed) I wasn’t surprised at all to find that my blog contained lots of errors - [...]
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.
Read on
To find good Wordpress plug-ins all you need to do is search for “wordpress [...]
More Software and Widgets Features -
Reviews
A Friend In Need
I’m helping out my friends from the UA&P - IShareHappiness Blog Team.
Read on
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 someone [...]
More Blog Reviews -
Monetization
Making Money Through Consumer Generated Ads
As I mentioned in my previous post today I will be suggesting some ways you can still profit by joining programs such as Pay Per Post and yet ensure that your readers don’t get turned off.
Read on
In my opinion the only way to really do this is by making sure that your blog entries stay [...]
More Monetization Features -
Marketing and Search Optimization
Building your blog brand step by step
Building your blog’s brand does not need to be difficult. However, when it comes to branding you should always remember to exert effort to be consistent with the image you wish to portray or you’ll end up with confused, turned-off, and/or skeptical readers. Branding inconsistencies will make it obvious that the image you’re putting up [...]
Read on
More Marketing and SEO Features
SUBSCRIBE
CATEGORIES
- Blog Tutorials News
- Design and Themes
- Featured Articles
- Marketing and Search Optimization
- Monetization
- Software and Widgets
- Writing
Sponsors

CONTRIBUTORS
RESOURCES







6 Responses
anatol
31|May|2007Nise site!
Sugar Mouse In The Rain
31|May|2007Thanks for this useful information.
Ia Lucero
01|Jun|2007I 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|2007Neat! I’ll try this
Brix
06|Jun|2007Yes 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|2007Lol, I can now easily edit CSS, but the problem is, im not that artistic! Oh well. Can’t have everything
Leave a reply