Display Javascript and CSS Codes in a Blog Post

Display Javascript and CSS Codes in a Blog Post

Friends Do you want to display your javascript and css codes in a Blog post as plain text or copier text?

Follow these steps to do the work,

a. Login your blogger
b. Click the Layout Tab on your Dashboard
c. Click the Edit HTML
d. Then use the Search Option[ctrl+f) and search ]]></b:skin>
e. Copy the below code and paste into the above ]]></b:skin>Section
pre
{
background:#c0c0c0;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

f.When-ever  you want to paste the javascript or css code in a Blog Post ,, paste your code in between <pre> and </pre>
Such as the following format
 

<pre>YOUR CODE HERE</pre>
Remember: When  post a new Post then use the

Edit html option in post editor. That's all,

now enjoy this trick.