How To Simply Add Professional looking Demo Code Snippet in Blogger Posts?

I am going to demo to you all the simplest and the most effective way of adding professional looking code snippets in your blogger posts. The trick requires no complex installation of scripts and is very easy to implement.

Its very simple, all you you have to do is just follow the two steps:

1. Before you begin first parse your demo code snippet over here

2. Now simply go to Edit HTML Mode and Copy Paste the below code at the place where you want to place the code in your blogger post (also make sure you place your parsed demo code in the place mentioned in below demo).

<pre style="-moz-background-inline-policy: continuous; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggT4DmLPqk6Q3E3cdRCLnqcbfx4_U8GC4dB3c2u9umRpazr6kyiBfc9U4OIVlk9mL07ak7Vc7qotIauDf3FOjmHoHW1theMBSrlqVNxwbGakqT0xBQYVhksQVsjI5nfs82YfPCuSoIkCLx/s320/codebg.gif&quot;) repeat scroll 0% 0% rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;">

Add your Parsed code over here

</code> </pre>

 

Make sure you look at the preview and then simply publish your post. simple isn't it? The above code snippet is demonstrated using the same trick and you will also get the exact same effect.