How To Simply Add Professional looking Demo Code Snippet in Blogger Posts? - latest tech tips

Ad Spot

Place your Ads here!

Post Top Ad

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

Share This
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;http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/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.

2 comments:

  1. again a good information from you...
    i have taken a lot from ur Blog previous days...

    BTW what abt Valentine's eve...
    i hav Posted something related with....

    " Pyaar Re-defined "

    ReplyDelete
  2. Hey thanks Irfan..Really nice to see you here again..My plans are set for Valentines Day..;)

    ReplyDelete

Spam comments will be deleted. Only comments which add value to the blog and its readers will be published.

Post Bottom Ad

Pages