Example of using CSS and HTML to Blogger

This is how my custom CSS is. If you are having problem, don't worry, an example will follow. THIS PART CSS IS IN YOUR MAIN BLOGGER CSS. If you do not know how to make your own CSS, see here

section#articles
{
margin: 10px;
text-align: justify;
font-family:Verdana,Sans-Serif;
font-size: small;
line-height:160%;
}

#msg1
{
color:red;
}

#msg2
{
color: #674ea7;
}

#end_links
{
font-family: Trebuchet MS,sans-serif;
font-weight: bold;
color: #674ea7;
margin: 10px;
}

Well as of the design of how i use it:

This is the first paragraph.

This is the second paragraph and it will be in 'red color'{see CSS above}.

This is the third paragraph and it will use the color code "#674ea7"

The code below is what is used

|section id="articles"|

|article|
This is the first paragraph.
|/article|

|article id="msg1"|
This is the second paragraph and it will be in 'red color'{see CSS above, it is using #msg1}.
|/article|

|article id="msg2"|
This is the third paragraph and it will use the color code "#674ea7" {see CSS above, it is using #msg2}
|/article|

|/section|

NOTE: REPLACE all "|" with "<" and ">"

I hope this post has made it clear of to how to use the css in your html and in your blogger. When you click on "NEW POST"Try not using the "COMPOSE", try it with HTML ONLY! Good Luck!

© 2013 Pravab