How To Give Your Button A Text Box

Below is the code for the image as well as the text box. Please note after you copy and paste this code into your HTML document, you have to re-enter the "textarea" tag (</textarea>).

Tip: to keep your text from being altered enter readonly="readonly" tag before the greater than or code closure (>) before you enter whatever text you're boxing, everything should work out fine.

<textarea><a href="IMAGE WEBSITE URL" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="IMAGE URL GOES HERE" width="150" /></a></div> <br /> <textarea readonly="" style="height: 120px; margin: 2px; width: 274px;"><div class="separator" style="clear: both; text-align: center;"> <a href="WWW.YOURDOMAIN.COM" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="125" src="IMAGE URL GOES HERE" width="125" /></a></div> <textarea style="height: 82px; margin: 2px; width: 100px;" readonly><a href="WWW.YOURDOMAIN.COM" title="HOVER SLOGAN GOES HERE"><img height="110" width="110" src="IMAGE URL GOES HERE" /></a>

This is what it would look like:

<div class="separator" style="clear: both; text-align: center;"> <a href="http://www.itzmzbunny.com/p/tutorials" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_Sei2C2WXCafzU2l5rASS3IPhigqhgw9AkTdA_8JEN2AbpOyppBs1zjFiJHDxid9DBaOKe_7yIaJe-pg0QVSx-bXZaB13FUdiiKlEHWR73jQjTAZyqBZPpGpxBP5ETqopAggdUHpFXs_/s320/BadgeMaker+%25283%2529.png" width="125" /></a></div> <textarea style="height: 82px; margin: 2px; width: 100px;" readonly><a href="http://www.itzmzbunny.com/p/tutorials" title="Want To Know How This Button Was Created??"><img height="110" width="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_Sei2C2WXCafzU2l5rASS3IPhigqhgw9AkTdA_8JEN2AbpOyppBs1zjFiJHDxid9DBaOKe_7yIaJe-pg0QVSx-bXZaB13FUdiiKlEHWR73jQjTAZyqBZPpGpxBP5ETqopAggdUHpFXs_/s320/BadgeMaker+%25283%2529.png" /></a>








The text box, isn't as fancy as the ones you see above. It's simple and easy until you feel comfortable with html and want to try something more complex. So with this text box you will be able to adjust the box to your liking, even center it or even align it to the right—even put it in a block quote.