Tumblr Scroll Boxes Codes

You don’t need any type of generators to create a Tumblr Scroll Box, since they all have the same code, except for the background color.

Anyways, we created a small set of Tumblr Scrolling Boxes so you can just grab the code and add it to your Tumblr Blog.

Tumblr Scroll Boxes

Grab The Tumblr Scrolling Box html below, and add it to your description box by heading to Customize Theme >> Description Box. If you choose to paste it anywhere else within your theme, you can do so by clicking on Edit HTML. After that Update Preview >> Save.

This is an example Tumblr Scroll Box, you can easily add it to your tumblr blog and write wherever you want, even customize it to make it stand out even more.	This is an example Tumblr Scroll Box, you can easily add it to your tumblr blog and write wherever you want, even customize it to make it stand out even more.
</p> <div style="text-align:left; padding:5px; width: 250px; height: 100px; background-color: #FF3300; border-color: #000000; border-width: 1px; border-style: solid; color: #FFFFFF; font-size: 10px; font-family: Arial; overflow: auto;"> YOUR TEXT GOES HERE </div> <p> <a href="http://tumblring.net/tumblr-scroll-box-code/" >Tumblr Scroll Boxes</a><br /> <br />	</p> <div style="text-align:left; padding:5px; width: 250px; height: 100px; background-color: #FF33CC; border-color: #000000; border-width: 1px; border-style: solid; color: #FFFFFF; font-size: 10px; font-family: Arial; overflow: auto;"> YOUR TEXT GOES HERE </div> <p> <a href="http://tumblring.net/tumblr-scroll-box-code/" >Tumblr Scroll Boxes</a><br /> <br />
This is an example Tumblr Scroll Box, you can easily add it to your tumblr blog and write wherever you want, even customize it to make it stand out even more.	This is an example Tumblr Scroll Box, you can easily add it to your tumblr blog and write wherever you want, even customize it to make it stand out even more.
</p> <div style="text-align:left; padding:5px; width: 250px; height: 100px; background-image:url(http://i15.photobucket.com/albums/a351/princess2ti/flashing-1.gif); background-color: #FF3300; border-color: #000000; border-width: 1px; border-style: solid; color: #FFFFFF; font-size: 10px; font-family: Arial; overflow: auto;"> YOUR TEXT GOES HERE </div> <p> <a href="http://tumblring.net/tumblr-scroll-box-code/" >Tumblr Scroll Boxes</a><br /> <br />	</p> <div style="text-align:left; padding:5px; width: 250px; height: 100px; background-image:url(http://i160.photobucket.com/albums/t181/40oztofreedom69/Graphics/thRainbowStaticAnimation.gif); background-color: #FF33CC; border-color: #000000; border-width: 1px; border-style: solid; color: #FFFFFF; font-size: 10px; font-family: Arial; overflow: auto;"> YOUR TEXT GOES HERE </div> <p> <a href="http://tumblring.net/tumblr-scroll-box-code/" >Tumblr Scroll Boxes</a><br /> <br />

How To Modify The Tumblr Scroll Boxes

Width: Change the “width” number (leave px intact)
Height: Change the “height” number (leave px intact)
Font Color: Change “color” parameter (for exact color code, check any color palette)
Background Color: change “background-color” parameter
Background Image: Get a GIF direct path and replace the url used in “background-image:url”

There are a lot more Tumblr Codes available if you follow the link.

Tumblr Scroll Boxes Codes