Read on and Subscribe! :)Now Reading ...

CSS Nuts and Bolts for Your Blog

By Ken Xu on Sep 14, 2007 in Blogging, Technical Skills, Wordpress

Understanding CSS is important if you plan to modified your blog. Especially if your blog is a Wordpress platform, there will be a Stylesheet file attached on each Wordpress theme.

Modifying CSS could be a daunting task if you don’t know the basic of the CSS rules. Below is another collection of mine beside my Photoshop sources.

Hope this reference would be helpful for you:

CSS Basic

It’s important to lay a strong basic before anything. My ultimate Beginner Basic to swim in the CSS pool is on this book(pdf). If you choose to not downloading any ebook, try to visit the site instead at CSSBasics.com.

This book cover all basic rules of CSS in 18 Chapter spreading from Syntax, Classes, IDs, Div, Text, Font, Border, and many more.

CSS Basic Example

After learning the Basic, you will need to practice from what you have learned. I get myself a help from an example of the CSS coding. Learning from an example is the fastest way to master CSS basic.

CSS Property

During the learning in CSS, you may notice about the property of each CSS code. You will need to know what is the function of each property.

Another good source of reference:

Styling with CSS

After understanding the true nature of CSS, it’s time for you to make your own. But, wait! Learning basic skills is important, but it can only produce a amateurish-design. You will need to learn more about how to make things better and looks professional.

First, let’s heading to the very first CSS element in your blog, the navigation and Menu.

  • Use this 13 Styles CSS Menu to make a professional Looking of your navigation bar and sidebar.

Second, Choose your Layout Style. Whether it’s 3 column horizontally or vertically, or fluid or fixed, side fixed or fluid.

Third, Learn the advance tutorial to build a good looking CSS page.

CSS Search Engine

Looking for more Source for learning CSS to tweak your blog appearances? Try the CSS Search Engine at SKUER.com.

It’s a dedicated, google-powered search engine to find CSS materials.

Tools Of CSS

Not everything need to code by yourself from scratch. Some tools around the web have done the job for you. For example, below is some of the useful tools to create CSS style for you page/blog:

  • CSS Creator
    • CSS Creator will help you automatically generate a layout, Multi Level Menu, Float container, etc
  • CSS List-O-Matic
    • Create a nice looking Sidebar list or top navigation bar without touching the CSS code.
  • CSS Font and Text Style Wizard
    • Enable you to live-preview the effect of each property implementation.
  • Software: CSS Tab Designer
    • Design your List and top/footer navigation easily and xhtml compliant.

Related Post

5 Excellent Responses for "CSS Nuts and Bolts for Your Blog"
  1. MyAvatars 0.2 jamy Says:
    (September 14, 2007, 4:35 am)

    Ken, thank you for all the info.

    Reply to jamy
  2. MyAvatars 0.2 Nirmal Says:
    (September 14, 2007, 5:53 am)

    Nice informational article. I play with CSS a lot for my blog design.

    Reply to Nirmal
  3. MyAvatars 0.2 FavHost Says:
    (September 14, 2007, 9:30 am)

    Thanks for the post. It is very informative and much appreciated. :wink:

    Reply to FavHost
  4. MyAvatars 0.2 Blogger Blog TIps Says:
    (September 14, 2007, 12:40 pm)

    Nicely done again, I like your post :!:

    Reply to Blogger Blog TIps
  5. MyAvatars 0.2 pearl Says:
    (September 15, 2007, 12:45 am)

    very nicely presented Ken… stumbled :)

    Reply to pearl

Trackbacks and Pingbacks

  1. Pingback from echo20 » Blog Archive » CSS Nuts and Bolts for Your Blog

    [...] here Filed under: [...]


Leave a reply

:mrgreen: :| :twisted: :arrow: 8O :) :? 8) :evil: :D :idea: :oops: :P :roll: ;) :cry: :o :lol: :x :( :!: :?:

Live Preview:


Go ahead and start typing.

Comment Policy:
Please double check your comment before submitting. I reserved the right to delete any comments which containing spam, bold advertisement, verbal abusive, or any other form of comment that is not suitable for publication.