Embed Source Code in Blogger 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

  • To Insert Css Code In Blogger Log In Blogger >> Layout >>> Template –> EditHTML
  • 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
Tag Or Tag Before The Code as Shown in below Example 
 Your Post Code Goes Here 

Or
Your Post Code Goes Here 

Important-The Code you Insert In Between 
 Tag Or  Tag must be edited using Postable ,Postable 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. Postable is very easy to use just copy the code and paste in postable box and click make it Friendly .In short Postable Convert code in character entities, Visit below Table to know more about character entities.Note - When ever you Post Code In Post ,Use HTML mode to insert code ,if you Dont understand see below Image for more clarification. about posting Code In post.

site visitor