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

1 comment:

  1. nooooob blog line ka colour blue se brown kaise kiya aur upper t symbol kaise laya

    ReplyDelete

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