A few people wanted to know how to add a Grab My Button item to their sidebar.
- In Blogger, you use an HTML/JavaScript Gadget.
- In Typepad, you use a Notes Typelist (or choose to Embed your own HTML (tutorial here).
- In WordPress, you use a Text Widget.
For more instructions, click here.
With new formatting, it's hard to share HTML code inside a post, so I saved the below code for a "Grab My Button" as an image, and you may also download the text file here.
You will modify the HREF and the SRC to the location of your blog/website and the location of the image you are using as your button. Photobucket is a very popular image storage site, easy to use and free, www.photobucket.com. Those who have Typepad and WordPress have File Managers. Blogger also has image storage at Picasa Web. So before you even start you need to upload or store the image (your button) "somewhere."
The first part of this HTML code actually displays the button in the sidebar (centered):
Then you'll notice another area starting with <center><textarea.....> and ending in </textarea></center>. This section is the code which actually allows visitors to select the HTML code they need to insert your "button" into their sidebar.
Best wishes,
Heather Wright-Porto
www.BlogsByHeather.com
thanks so much! this was a perfect tutorial!
Posted by: rani | July 10, 2011 at 11:01 PM
@Laurie Wilson- don't leave out the 'alt' tag... just change the information in it.
The 'alt' tag is used to "describe" an image to those who can not see the image. The most important function of an ALT tag is to explain to a blind user what an image is displaying.
Search engine crawlers also use ALT tags to decipher what an image is or what it is representing. It should be an accurate description of what the image represents, and more important, it is required for the HTML to be valid.
Posted by: Amy Celona | October 21, 2010 at 06:14 PM
I've been wondering how to do this!! Thank you so much--this is great information. Your posts are always so helpful. Have a great day.
Posted by: Nance Leedy | October 15, 2010 at 05:27 AM
Thank you so much! I was wondering if I can leave out the part
img border="o" alt=blogs by heather....
and just have img src="my picture url"
Thanks!
Posted by: Laurie Wilson | October 14, 2010 at 12:24 PM