How to Add a Scroll box inside Blogger Posts

Posted by Faheem Mustafa

Many of the new bloggers want to know how to make scrollable box or scroll down box  inside their blog posts. This can help you to reduce the space covered by the post content, especially if you are inserting a long long piece of HTML/Java codes inside your post, it requires a lot of space. But adding your code inside the scroll box will not cover the space of your page. To see how you can insert scroll box inside posts surf over to this post.
Adding Scroll Box inside Blog Posts
Copy the following code and paste inside your blog post as it is.
<div style="overflow:auto; height:300px; width:400px">
<table cellpadding="0" cellspacing="0" style="width:250px;">
<tr>
<td>Put your stuff here</td>
</tr>
</table>
</div>

Customize

1:  To change the width / height of your scroll box change the numbers in blue as per your needs
2:  Put the material you want to be appeared in the scroll box instead of "Put your stuff here" in RED

To have a look on sample scroll box in blog posts click here

blog comments powered by Disqus
Related Posts with Thumbnails