How to Get a Scroll Box on Your Blogger Page

As of 2011, there are 24 basic boxes that bloggers can simply click on, fill in and save to their Blogger blogs. Scroll boxes are not among these click-and-save boxes. However, there is an option to add a box with HTML code. With the right HTML code, bloggers can add scroll boxes using the add HTML function.

Things You'll Need

• Blogger account

Instructions

1. Log on to your Blogger account, and click on the blog to which you wish to add a scroll box. Click "layout" on the left-hand side of the next screen. This will open a page that shows all of the boxes and potential areas for boxes on your blog.

2. Click the blue "add a gadget" text on the box area where you would like to put the scroll box. This will open a popup window with a list of potential boxes for your blog. Scroll down until you see a "gadget" marked "html/JavaScript." Click the blue plus ("+") sign for that box. This will open a screen that reads "Configure Html/JavaScript" and has two entry fields.

3. Click in the entry field marked "Title." Enter the title you would like to display above your scroll box. Leave this empty if you do not wish to have a title.

4. Copy and past the following HTML code into the "Content" entry field:

   <div style="height:120px;width:150px;overflow:scroll">

   Put the text you want immediately following the ">" in that HTML code. When you have added all the text you need in the scroll box, follow the text with "</div>" to close the code.

5. Adjust the height and width of the scroll box by entering smaller or larger numbers after the words "height" and "width" in the HTML code. Adjust it until it fits in the box on your blog without being too small or too large.

6. Click the orange "save" button on the bottom right of the "Configure Html/JavaScript" page. When that page disappears, click the orange "Save Arrangement" button on the top right of the layout page. The scroll box will now appear on your blog.

Tips & Warnings

• Change the text and size in your scroll box at any time by clicking "edit" on the layout page in the scroll box's area.