This has often been a question asked especially in regards to WordPress Blogs. I found this great site, that takes care of the whole coding process for you. Once complete paste this code into one of your “text” widgets in your sidebar
http://www.mycoolrealm.com/sandbox/gbgen/
Example code used for client http://mommasays.net/ (below)
The code I generated has been listed below (in case the site listed above is no longer active)
<div align=”center” style=”padding: 5px;”><img src=”http://mommasays.net/images/mommasays-button.png” title=”MommaSays.net” alt=”MommaSays.net” /></div><textarea style=”background:#f0f0f0;border:solid 1px #999999; color: #777777; font-size: 90%; height:45px; margin:auto; text-align: left; padding: 2px 0 2px 5px; display: block; width: 90%;”><div align="center"><a href="http://mommasays.net" title="MommaSays.net" target=”_blank”><img src="http://mommasays.net/images/mommasays-button.png" alt="MommaSays.net" style="border:none;" /></a></div></textarea>
or your welcome to grab my code below (please swap with your own settings). This code was altered to include a header and centered text
<div align=”center”><p><font size=”2″ face=”Arial, Helvetica, sans-serif” font color=”000000″><strong>GRAB CODE BELOW TO ADD MY BUTTON:</strong></font></p><div align=”center”/div>
<div align=”center” style=”padding: 5px;”><img src=”http://mommasays.net/images/mommasays-button.png” title=”MommaSays.net” alt=”MommaSays.net” /></div><textarea style=”background:#f0f0f0;border:solid 1px #999999; color: #777777; font-size: 90%; height:45px; margin:auto; text-align: left; padding: 2px 0 2px 5px; display: block; width: 90%;”><div align="center"><a href="http://mommasays.net" title="MommaSays.net" target=”_blank”><img src="http://mommasays.net/images/mommasays-button.png" alt="MommaSays.net" style="border:none;" /></a></div></textarea>
