How to Make A Blog Button With A Grab Box

<a href="http://www.thecreatedhome.blogspot.com/" style="border: none;"><img alt="The Created Home" src="http://i1178.photobucket.com/albums/x372/TheCreatedHome/201009-1.jpg" style="width: 129px; height: 129px;"/></a>

When I set out to figure out how to make a grab button, I had a pretty good idea it was not going to be simple. After some searching I found this adorable blog The Little Hen House who I feel had the easiest "how to" tutorial out there. There is just one thing I will add. This will make more sense once you read the tutorial.
If you copy and paste the HTML code provided in the tutorial (she gives both codes for Wordpress and Blogger) then you need to, very carefully delete and then retype all the light colored " quotation marks. If you miss even one quotation mark it keeps the process from working. (Not that I know from experience ;>)
For me the trouble I ran into was everything looked like it worked on my page. Meaning the picture showed up as well as the HTML code box, but when I tested it, the process was incomplete. For anyone else to grab my button it would not show up on their page. Yet the button was on my page looking like it would work. Through much trial and error I figured out about the " quotation marks. My only experience is in Blogger so I do not know if the same is true for Wordpress. Also make sure for your Gadget you add the Text box and not the HTML/ Java Script option.
You could just type out the whole code and not copy and paste if you please. You just have to make sure everything is exact or else you have to start again.
So thank you very, very much to The Little Hen House for putting together such a wonderful, easy to follow tutorial! Much appreciated!