How to create a Grab My Button for your blog

Originally Posted on A Bloggy Mom

Creating a button or banner is a great way to advertise your blog. You can use it on other blog sidebars, entrecard, and blog directories.

Thing to Know

~ A standard button is 125px x 125px
~ You will need an image hosting account such as Photobucket

Steps

~ Create your image.
If you are not able to do this, there are a lot of companies
online who offer this service for a small fee.
~ Upload your image to your image hosting {photobucket} account
~ Add a new HTML widget to your blog
~ Copy and paste the following code to your widget

Code

<table border="0" width="100%"><tr> <td align="center"><img src="YOUR IMAGE URL" alt="" />
<br/>
Copy and Paste Code</td></tr><tr>
<td align="center"><textarea cols="13" rows="9">
<a href="YOUR BLOG URL" target="_blank">
<img src="YOUR IMAGE URL" border="0"></a>
</textarea></td>
</tr></table>

Blogger Blogs

~ copy the html code from the button you want
~ open your blogger account and choose "layout"
~ click "add a gadget"
~ choose "html" and you'll get a blank box
~ paste the code you have copied in the box
~ click save

~ Open your blogger account and choose "layout"
~ Click "add a gadget"
~ Choose "html" and you'll get a blank box
~ Paste the code you have copied in the box
~ Change the information to your information
the url of the blog, the name of the blog,
and the link to your image. (You'll need to go back
to photobucket or wherever you saved your image
and get the direct link code.)
~ Click save

Wordpress Blogs

~ Go to your widget page
~ Select a "text" widget
~ Click edit
~ Paste your code
~ Click save

Tags: Blogging, Button, Grab, My, Resources, Tips

0 members like this

Comment

You need to be a member of Bloggy Moms to add comments!

Join Bloggy Moms

Comment by Chantelle Goldsmith on January 24, 2011 at 9:55pm: Thank you so much for this post!!

Comment by Kristi Michelle on November 21, 2010 at 7:36am: thank you for this! I am going to try and do it right now.

Comment by SavvySavingsMom on November 6, 2010 at 2:48am: Thank you sooo much! I use Wordpress and to get it to work for me: from Photobucket I had to copy and use the "HTML code" as my "image URL" and not the "Image Code." This kinda confused me at first and I ended up with text, but no picture. I switched to the HTML choice from Photobucket and it worked like a charm! Hopefully this will help someone else :-)) I'm so glad you posted this!!!

Comment by Paulita on October 28, 2010 at 1:58pm: thx! I have been searching all over the interwebz trying to find a good tutorial. I should have known better and just come here first

Comment by Maura Alia Badji (MoxieBee) on October 11, 2010 at 1:30am: THANK YOU!!!!

Comment by Kristen on October 9, 2010 at 10:38pm: My image is HUGE and I can't figure out how to resize it on my blog. It's the same file I've used to my avatar and other things...hmmmm

Comment by Danielle Hunter on September 15, 2010 at 1:58pm: I'm going to have to try this one. Never knew that's how you do it! Thanks for the info!