**New**How to make a button with a grab box
This tutorial will teach you how to create and install the html box that goes below your button. This is great to have so other people can grab your button and put it on their blog! Great for a business blog or personal blog.
First you will need to design a button. Most people design them at 150px X 150px, 100 dpi. You can play around with the size to fit your style. You will then need to upload it to an image hosting site like photobucket.
Copy the following html code:
<div align="center"> <a href="/website url" target="_blank"><img alt="TCBOTB" src="/image url"/></a> </div> <div align="center"> <form><textarea rows="6" cols="20"><a href="/website url"><img alt="TCBOTB" src="/image url"/></a></textarea></form> </div>
Log onto your blog. On your layout page go to your sidebar and click ‘add a gadget’. Then click ‘html/javascript’. Paste the code above into this box. You will now need to change the highlighted text.
Yellow text: Insert your website url that you want your button to link back to.
Pink text: What you want people to see when they hover over your button.
Blue: Once you upload your button to photobucket, copy the html code and insert it here.
This is what the code will look like when you are finished:
<div align="center"> <a href="http://2momstalk.blogspot.com/" target="_blank"><img alt="TCBOTB" src="http://i342.photobucket.com/albums/o401/Thecutestblogontheblock/cuteblogcouresyoftcbotblargecopy-1.jpg"/></a> </div> <div align="center"> <form><textarea rows="6" cols="20"><a href="http://2momstalk.blogspot.com/"><img alt="TCBOTB" src="http://i342.photobucket.com/albums/o401/Thecutestblogontheblock/cuteblogcouresyoftcbotblargecopy-1.jpg"/></a></textarea></form> </div>
Save ! You will now have a cute button with a grab box!
