How to Use CSS to Change the Look of a Blogger Blog

CSS stands for Cascading Style Sheets. This is presented in the form of HTML or XHTML. It provides a unique look and feel to your web pages. A browser presents the document(s) based on style rules. These style rules can determine font style, size and color, border style, size and color, etc. The external CSS is recommended because you can dictate and change all your web pages with just one file. You will need to have decent knowledge of HTML or XHTML code to utilize CSS to your full advantage. The steps below show you an example of a simple external CSS file.

Instructions

1. Create a plain text file name like: style.css Then, create your code. It should look something like this:
   body {background-color: use hexidecimal value for your color choice here;}
   h1,h2,h3 {font-family: your style here, your style here, 'your style here'; }
   p,table,li {font-family: your style here, your style here, 'your style here'; }
   p,li,th,td {font-size: your size here%;}
   h1,h2,h3,hr {color:your color choice here; }
   a:link {color:your color choice here}
   a:visited {color:your color choice here}
   a:active {color:your color choice here}
   a:hover {color:your color choice here}

2. Be sure to add your own unique look and feel by determining the style, color and size. Unless specified, you don't need to use the hexidecimal value of the color. You can just type in black, blue, red, green, etc.

3. Link to your style sheet by adding this code between the and tags:

Tips & Warnings

• You can add many other unique styles to your code like hover effects, style, size and color, highlighted text and color, centered boxes and images, text effects like dropshadow and glow, adding shadows to images and letter spacing.

• Some of these don't require external CSS. They can be achieved with internal or inline CSS. You can add these directly into the HTML code of the template.