Sunday, August 22, 2010

How to Create a Grab Button

What is a grab button?  A grab button is a 125 x 125 pixel graphic which other bloggers can copy the code of and add it to their blogs to advertise your blog.  Additionally, you can do the same of other blogs that are in your niche.  A grab button can be a photograph of you, your family or anything else that interests you. It can also be a clipart graphic.

Step 1
If you want to use a clipart graphic, then the first step is to find a graphic that suits you and/or your blog.  There are many free clipart sites where you can find the right graphic.

  1. Once you've decided on a photograph or graphic, open an image editing application to a new project. 
  2. Upload your graphic into the new project.
  3. If you want, you can change the background color and add any additional features.

Another option is to use a cropped version of your blog header. 
  1. Open your blog in a browser window.
  2. Push the "Print Screen" button on your keyboard.
  3. Open an image editing application and choose a new project.
  4. Paste (ctrl + v) onto the new project.
  5. Crop the area of this graphic that you want to use for your button. (Don't worry about the size at this time).
Step 2
Add text on top of the picture, clipart or graphic choosing which font you like. Preferbly this is the blog's title.  Save a copy to your computer as a backup.

Step 3
On the image editing application's toolbar, find the option to "resize image".  Set the new size of the image to 125 x 125 pixels.

Step 4
If the image looks good, then save it to your computer.  If not, go back to Step 2 and make changes.

Step 5
Upload your grab button to your hosting domain file manager or Photobucket (for example).

Step 6
Add the button with code to your blog sidebar so that others can easily grab it. 

<div align="center"> <a href="" target="_blank"><img alt="Blog Title" src="" /></a> </div> <div align="center"> <form><textarea rows="6" cols="20"><a href="" target="_blank"><img alt="Blog Title" src="http://blog-image.gif" /></a></textarea></form> </div>

Step 7

Your button should now look something like this.

Blogging Hints

If you would like my services in making a button for you, visit the Blog Buttons page for more information.


  1. I really need to do this! Thank you SO much for posting about it :_)

  2. Thank you for the tutorial! This helped a lot! I added your badge to my favs page! :-)

  3. Thanks for the follow. I'm now following you back. Looking forward to reading!!

    Diary of a Chic Mommy

  4. This is a very useful site that I am going to suggest to others. Glad to have found you. I followed you on Twitter as well.
    Monday follower

  5. Love this! Thank you so much, I just need to find the right image now. This blog is definitely a life saver! :) Hazel

  6. Thanks for the little tut,

    new follower from bloggy moms

  7. Hi there...your newest follower on Mingle Mondays...I am a new blogger too, so your tips would definitely help me. Feel free to visit my blog and leave a comment/suggestion and hopefully follow back:)

  8. Stopping by through Meet Me Monday! Looks like you have some really good tutes! I will have to do some more looking around. I am following your blog now, come by and return the favor?

    Amy @ Render Me Mama

  9. Hi there,

    Your newest follower here from Mingle Mondays. I love these blog hops, you get to meet so many wonderful people. :) Thanks for the info. Very helpful.

    Feel free to drop by The Things We Find Inside whenever you get a moment.


  10. Great tutorial! New follower from Making Friends Monday!

  11. Found your blog on Monday Mingle... I have been wanting to do this so thank you so much!!

  12. Hi there! New follower from Bloggy Moms! Hope you can stop by and return the follow :)

  13. Wow! Love the tips! From Bloggy moms, stop by anytime!



Related Posts with Thumbnails

What's Your Page Rank?

Check Page Rank of your Web site pages instantly:

This page rank checking tool is powered by Page Rank Checker service

Blogging Hints © 2008. Template by Dicas Blogger.