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> Continue reading WordPress: How to add a “Grab My Code” button area to Sidebar?