May | 31 | 2007

Five Steps To Quickly Change Your Blog’s CSS Design

Posted by Brix as Design, Design and Themes

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.FireBug

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.

FireBug Inspect

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

Comments (7)

7 Responses

  1. anatol

    31|May|2007

    Nise site!

  2. Sugar Mouse In The Rain

    31|May|2007

    Thanks for this useful information.

  3. 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.

  4. Geo

    01|Jun|2007

    Neat! I’ll try this :D

  5. 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.

  6. 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 :D

  7. Thomas Sebastiani

    20|Jul|2009

    Great tips, thank you!!

  


Our Features
  • 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.
    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 someone [...]

    Read on
    More Blog Reviews
  • Monetization

    Review: Logical Media

    Logical Media is one of the innovative services that pay for ad placement within blogs. Do you have a blog and are you seeking a way to make additional money from the blog? Are you seeking a way to offset other programs with the use of ads? Through the registration with Logical Media, the blogger [...]

    Read on
    More Monetization Features
  • Marketing and Search Optimization

    Search Rank Drop and False Alarms

    Happy Holidays!
    What are the chances of someone being concerned about their blog’s search ranking dropping on Christmas Eve? I have no idea but then again if I’m writing about it right now then there’s probably someone somewhere around the world doing SEO at this very minute.
    If you have experienced a sudden drop in ranking, [...]

    Read on
    More Marketing and SEO Features
  • Blog Resources

    Advertise Here
    Audival
    Colorteck
    WordPress Themes

SUBSCRIBE

CATEGORIES

Bloggy Awards

Blogger Jobs

CONTRIBUTORS

RESOURCES

BLOG METRICS