Show HTML/Java Script on your blog post, How to show display box on your blogger?

While blogging you wanted to highlight something or provide any html or java codes to your readers. Here I am going to share the trick to display the html codes. Follow the below steps to add this amazing function in your blog or between your blog post.

• Back up your template from edit html of your blogger blog.
• In edit html search  ]]></b:skin>
• After you find that paste the below code above ]]></b:skin>

pre
{
background:#efefef;
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;
}

 Now save the template and you are done.

How to use this function in blogger post?

You can add the display box anytime to your blog posts simple by adding

<pre>

"your HTML or JAVA script"

</pre>

Secondly the code with you would place between the tags above must be friendly. In order to do that, replace all "<" with &lt; and all ">" with &gt;.
Thats all!