Display css codes and scripts in your blog

Generally, there are five method to do it. But, for me, i preferred using this method.

How to use it? There are several steps.
First, go to edit html tab


and adding the css code below

/* Code
----------------------------------------------- */
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://www.dezzain.com/wp-content/themes/dzmagz/images/cv.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}

.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

before ]]></b:skin>


Ok, now, assume you want to shows scripts in your blog. What you need to do is convert the scripts into characters. In the other hand, you can direct post the css codes only instead using converter to convert css codes in to character.

How to convert scripts into characters?
We can using SimpleCode HTML Encoder.


Ok, now you can paste the scripts into you post. After that, go to edit html tab (beside compose tab)


add
<div class="codeview">
Paste your css codes or scripts here
</div>

Now, you can publish your post already. And the css codes or scripts in your post will appear like that.