Showing html code within your blog can be cumbersome to have it actually show properly. Centricle.com has created a simple encoding tool (click here for the link) to do the work for you. Enter the code you want encoded and click on the encoding button and like magic, it is done. Copy the encoded text into your blog and you are all set!
Note... It will look odd when you paste it, but it will come out correct in the "preview" mode.
I used this for the coding done in the blog SHOW/HIDE BLOG NAVIGATION BAR.