{HOW TO} Embed HTML Text in Posts with background

While looking on my previous posts, I felt that there was a problem in my BLOG, that the HTML Text, shown inside the posts, was directly texted in the lines. It seems to be difficult to read some text under this format, so I was searching for the solution and I found one in TricksDadyy.com.

This is a simple and very short trick, takes just a min only!

All to do is to:

• Login to your account,
• Go to LAYOUT
• Go to subcategory EDIT HTML

There will be shown your Template's Code, you all have to do that edit that code by pasting code given below, just before ]]></b:skin>

• Now search ]]></b:skin> in template code
• Paste the following code just before that;

.csscode {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #EEEEEE;;
border-top : 2px solid #AAAAAA;
border-right : 2px solid #AAAAAA;
border-bottom : 2px solid #AAAAAA;
border-left : 2px solid #AAAAAA;
}

• Done IT!

Just save your template.

The work is not finished.

Now whenever you want to embed some HTML Text inside post, just type the subject code between <div class=csscode> and </div>

Like:

<div class=csscode>

Type HTML Code HERE

</div>

• The ALL is DONE!

Now whenever you will post with this method, HTML Code will be embeded with BACKGROUND.