Showing posts with label display Code in Blogger. Show all posts
Showing posts with label display Code in Blogger. Show all posts

Display Code in Blogger Post


In my previous post Adding Meta Tags to Blogger. I was quiet struggling to insert a code in the blog post , But after several Trial and Error methods finally I suceeded in inserting code in my blogger post and want to share this valuable but simple trick with all my blog readers.

1. Go to "Design" > "Edit HTML" and search for the "css" section
2. Now Copy and Paste the code shown below in css section of your blog .


.postCode{
background:lightyellow none repeat scroll 0 0;
border:1px inset orange;
height:150px;
margin:10px;
overflow:auto;
padding:6px;
text-align:left;
}
3. Save the Changes done.

4. Now whenever you want to insert code in your post use following format:

<pre class="postCode">
YOUR CODE
</pre>

5. Don't forget to encode the code which you want to display in blog post CLICK HERE

6. After Encoding the Code Goto Step 4

IMPORTANT TIPS
  • Don't forget to take back up of your template before editing it

You are Done !!! Happy Blogging

Any Query related to any Post please feel free to comment on it so that I can Improve and provide you with better blog