How To Create a Scroll Box

If you are finished with your button, upload it somewhere else and get the url or the direct link of your button..

In an HTML widget just copy the following and change the necessary informations
Your URL or the address of your site.
Your badge url it is where your image is located

The first code is actually just your button and the location it will direct when clicked. Of course when you asked people to grab your button and display it in their site, you will have to show them what they are grabbing.


<a href="YOUR URL" target="_blank"><img border="0" alt="" src="YOUR BADGE URL" /></a><textarea rows="”3″" cols="”19″" class="”tiny”" name="”1″"><a href="YOUR URL" target="_blank"><img border="0" alt="" src="YOUR BADGE URL" /></a>

The code where it say text area, this is the start of the code for your scroll box. You can play with it and change the rows and the columns.

Here is an example of how it will appear:

<a href="http://techpehpot.blogspot.com/" target="_blank"><img border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLO6FDOXjGXt23_06XbJG2Lcf7W8u9gGfASIGpC8COE7KEHhRnJoLn2HQanBNDEHWOCJxo_33Kta3vfQwj1Vwbp6HZsFwotmbSjybup2ICQ-cJ7mkGZvlkaej3qdTRwc0ECNm3Bn3uiyRO/" /></

I changed the row to 5 and the columns to 30..

The one on my sidebar, however, has a row of 2 and a column of 15.

To install it in your sidebar or anywhere else in your blog, just add a new HTML gadget. Paste your code in it and it's done! Easy as a pie!

If you think this has been helpful, why don't you grab my button?