How to Put a Scroll Box on Tumblr
Tumblr doesn't offer many options when it comes to inserting a scrolling box into your post. The HTML is stripped when you use a DIV layer (a block of HTML page that can be layered, resized and modified independent of page formatting). And boxes created with the "textarea" tag lose their size when you update the HTML editor. You can, however, use an iframe (inline frame) to create a scrolling box of a specified size. You can't enter text manually into the iframe, so you'll need to create an external HTML page or text file to fill in the contents of your box.
Other People Are Reading
Instructions
-
-
1
Create a text file or HTML page with the content that you want to include in your box. Keep in mind that if you have images on your page they have to be the same size as your iframe or your frame will scroll horizontally as well as vertically. Save this page to an external source, such as Dropbox.
-
2
Open a new post on Tumblr and click the "HTML" button on the post editor toolbar. This will open the HTML editor in a pop-up window.
-
-
3
Enter the HTML for the iframe: "<iframe src="filesource" width="200" height="200"></iframe>" where the "filesource" is the URL of your text/HTML file, and the width/height is set in pixels.
-
4
Click "Update" in the lower left corner of the HTML editor window to see your frame entered in the rich text editor. You'll be able to scroll around the frame within the editor. Once the post is ready, click "Create Post."
-
1
Tips & Warnings
You can remove the border from your iframe by adding "frameborder="0"" into the code for the iframe, i.e. "<iframe src="src" frameborder="0"></iframe>."
You can add text and images to your post above, below, or even around the text area created by the iframe.
Your followers will not be able to view your iframe on their dashboard; they'll see a gray box that they can click to view the iframe on your page.
