Wonderful-Tricks

Displaying Html Code In between Blog Post

Displaying javacode or Html code in Blogger is really a Big challange For New Bloggger Beta But after reading this post all you problem about posting code in blogger will be solved.First you need to put Css code in yours Template ,

To Insert Css Code In Blogger Log In Blogger >> Layout >>> Template –> Edit HTML Now Insert below Code in Tag as shown in below iMage.



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;
}



After putting Above code in Template Save the Template
Now Important Part of Blog start Here .When ever you Insert JavaCode or any other code in Blog Post In Blogger or in Wordpress Use Either <pre> Tag Or <code> Tag Before The Code as Shown in below

Example:

Important-The Code you Insert In Between <pre> Tag Or <code> Tag must be edited using Centricle ,Centricle is best and easy way to convert code into Html mode by making yours code Friendly to post ,so that there is no change in code After the code is publish in post.