How to make a "grab my button" scroll box.

Hello guys! I had a really hard time finding out how to make a scroll box so I decided to do a post on it so you don't have to go through the same trouble I did.

(If you have already made a blog badge , jump to the second point.)

1)Create your blog badge.

I would recommend using ipiccy as it has a wide range of different designs to choose from. Make sure our logo is around 225px in height and 225 in length. Make your blog logo Bright to attract people on to your page.

Once your happy with how it looks, save it onto your desktop.

2) Upload your picture

Upload your picture on to photo bucket and copy the direct link onto a word document.

3) Paste HTML code

 Go onto the layout of your blog and press "add a gadget". Click on he HTML/Java script box

Give it a catchy name like 'Grab my button'

Copy and paste the code below into the box:

•[div align="center"][a href="http://www. YOURSITEURL.com" target="_blank"][img src="http://YOURIMAGEURL"][/a][/div] [div align="center"][form][textarea rows="3" cols="19" readonly="readonly"][a href="http://www. YOURSITEURL.com" target="_blank"][img src="http://YOURIMAGEURL"][/textarea][/form][/div]

Replace: "http://www. YOURSITEURL.com"  with your site address. Mine would be http://www. iwalkinfashion.co.uk

Replace : http://YOURIMAGEURL with the image url that you copied and pasted from photobook ono a word document.

Replace all ] and [ with > and <. for example : [or] becomes <or>

4) save your scroll box. It should look a bit like this:

<a <SPAN style="BACKGROUND: yellow" class=goog-spellcheck-word>href</SPAN>="<span style="BACKGROUND: yellow" class=goog-spellcheck-word>http</SPAN>://<span style="BACKGROUND: yellow" class=goog-spellcheck-word>iwalkinfashion</SPAN>.<span style="BACKGROUND: yellow" class=goog-spellcheck-word>blogspot</SPAN>.co.<span style="BACKGROUND: yellow" class=goog-spellcheck-word>uk</SPAN>" target="_blank"><<span style="BACKGROUND: yellow" class=goog-spellcheck-word>img</SPAN> <span style="BACKGROUND: yellow" class=goog-spellcheck-word>src</SPAN>="<span style="BACKGROUND: yellow" class=goog-spellcheck-word>http</SPAN>://i1356.<span style="BACKGROUND: yellow" class=goog-spellcheck-word>photobucket</SPAN>.com/albums/q737/<span style="BACKGROUND: yellow" class=goog-spellcheck-word>iwalkinfashion</SPAN>/3rdLogo_zps37c86ca3.<span style="BACKGROUND: yellow" class=goog-spellcheck-word>jpg</SPAN>" /></a>