Show Html and Javascript Code in Blogger Post

Do you tried to add some HTML or JavaScript code in your blog post. But what you see its not showing proper but converts in the back ground coding. Don't worry now we have a solution of the same. We have two method to display the blog post.

First Method

Windows Live writer is the first tool to do our work download it form the official website of Microsoft .This software makes our work too much easy to do. We have to just paste our code into this software and balance work will be done with itself. And we are ready with our new code and solution

Second Method

Now this method is for those who use only blogger.om for their work. Let’s do this step with the help of an example. Check the below Code we are going to edit

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,2);&quot;' rel='nofollow' target='_blank'><img alt='Del.icio.us' src='http://files.bloggerplugins.org/icon_sb_dig.gif'/></a>

This is the code we I have added for submitting my post to Digg in blog template now if I add this in the blog post this will show an Icon same as shown in the end of my post. So now we have to edit this code. You need to convert it to friendly solutions :

Copy This Code in some word processing like notepad or MS word. Now open replace or find box type first we replace '<' So type This in find line and in replace line type Click Replace. Then Do the Same process with '>' and replace all withand click Replace All (or Alt+A) again.

This is all we have done. Copy & Paste your code in Blogger post and watch out preview for the same and your have done.