How to Make a Scroll Box in a WordPress Post

1. Log in to your WordPress admin area. Click 'Appearance,' then 'Editor.' This brings up the Theme Editor, which allows you to modify your blog's HTML code.
2. Click 'Stylesheet,' located near the bottom of the list of files on the right side of the screen. The stylesheet governs the positioning and formatting of different aspects of the blog -- here you will add the parameters for your scroll box.

3. Scroll to the bottom of the file, and start a new line. Copy and paste the following code:#scrollbox {width:300px;height:300px;overflow:scroll;}Change the width and height figures to whatever size you want the scroll box to be. This does not have to be perfect on the first attempt. You can always return and make any adjustments after you see how it looks in your post. Add any other styling you want, such as a background color, image, or border. See pageresource.com/dhtml/csstut6.htm for the available properties. Click 'Update File' when done.
4. Click 'Posts' and load up the post in which you want to insert the scroll box. Click the 'HTML' tab at the top-right of the editing window.
5. Copy and paste the following code into the post, at the point you want to scroll box to go:


6. Type whatever text you want to appear within the opening and closing
tags. Click 'Update Post' when you're done, or 'Publish' if you started a new post. The scroll box will now appear on the post.