How to include Scroll within the post to show HTML Code

I have always wondered how to put HTML code in the post so that it is easy for people to copy and paste where ever they need it.

So Here's how we do it

First the code for the scroll area:

<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;"></div>

Copy this code in notepad.

At the end you will find ><. Between ><, paste your entire code. Make sure that you purse your code. You can change the length of the scroll by increasing or decreasing the height of the scroll. I have put width: 250px; height: 100px; so you can change as you want.

This way you will put scroll in your blog.

Twit This!