Demonstrate HTML code within a Blogger post

While working on a previous post, I had problems demonstrating HTML code. Blogger would use the code even while in Compose mode. This would produce errors when trying to save the post and the code would never display properly in the resulting post. Here's what I did to correct this problem:  

Construct/Copy code
:: Construct the code in Blogger Compose mode

:: Highlight the code and copy or copy code from another application  

Convert code to escaped characters
:: Visit http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php
:: Paste the code into the Raw HTML code: area of the page
:: DO NOT select any options
:: Hit the Convert to escaped characters button – the code will be converted and the Your escaped code area will contain the reformatted text
:: Highlight and copy the converted text  

Place converted code into blog post
:: Paste the converted code, using Compose mode, into the blog post
:: Hit Preview or Publish Post - the escaped code will be converted when published and appear as HTML code  

Tip: Consider applying the Blockquote format to indent the code.

Technorati Tags: html, escaped, characters, text, blogger, blog, post, docstechnotes