Wednesday, May 30, 2012

Tutorial - Adding Grab Buttons to Your Blog

Bloggers often make Grab Buttons that, when clicked on, link back to their blogs. When you start out having a blog there are so many different 'small things' to learn, and sometimes it is not easy to found out where to find instructions/information.

Often Linky Party Hosts ask that their Grab Buttons be put on the blogs of those who link to their parties.

This tutorial is about how to add other bloggers
Grab buttons to your blog.

 Some Grab Buttons are copy and paste. Some are copy the html and open a html gadget and paste (Grab Buttons). I am posting about the 'copy the html' grab button.

So, what is an html gadget?

When you designed your blog page you added gadgets. To do that you clicked on Layout (1). Next you clicked on gadget (2). Note that there are more gadgets at the bottom of your blog layout and you likely will want to click on one of those, not a top of the page gadget.

Next step - after you click on Add a Gadget you will see this window of choices. Scroll down until you find HTML/Java Script and click on the + (plus). This will be make the gadget an HTML/JavaScript gadget.

This is where you will add the html code you copied from a blog. (in the Content area). How is just below.

So you are now at the place where you can add HTML for the button of your choice.
Where did you get that HTML?

#1 is where you see a Grab Button (on another bloggers blog) that you would like to add to your blog.
#2 you copy the code under their button (click in the code box and copy the entire code - there are several lines of code so start to copy from the first letter of the html text to the last, scrolling down).
#3 Paste the code into the Content area (it is in HTML). After you paste it in, SAVE and then if you like click on Rich Text to see what you have.
#4 is a screen shot of what the button looks like on your own blog.

You can add many HTML codes inside the same Content area. I usually put a couple of spaces between each HTML code I add. For example, you could add all the blog 
(Grab Button codes) that are your favourites a
(depending on the layout your choose). 
You will see that on many bloggers pages.

Hoped this cleared up a bit of the mystery.
Thanks for the idea Hilda From Overwhelmed to Organized for the idea.
Hilda wrote: 

Thanks for this tutorial Joy! I'm new to blogging & have been trying to join some linky parties. I can link on their site & on my post as you showed but some parties have a "button" they say to grab but I don't know how to do that. Can you help please? Thank you so much! on Tutorial - Joining Linky Parties

ps: for a very clear tutorial on HOW to make your own Blog Button check out this blog:
Between Naps on the Front Porch - Make a Blog Button with a Grab Box
and then I came across
Buttons Deconstructed by
worth reading if you want to make/edit a Grab Button
Collages and editing done with PicMonkey,


  1. Thanks for the tutorial, I can actually understand it. I wanted to ask you, Is this the same method to add your pinterest link? This dirt road to technology has a lot of bumps. Any help you can give will be appreciated. kathy

  2. Thanks for sharing. I have gone through phases on my blog page with lots of buttons and then where I have deleted them all. Even though I would like to promote blogs that I particuarly like or special blog friends, I sometimes feel my blog gets too cluttered. What is you opinion on this?

    1. I did the same.
      I had all my favourite Grab Buttons.
      Then I housecleaned.
      I am using name/links now.
      Others have also commented on this as well.
      Of course I learned how to make a grab button and was feeling pretty proud of that accomplishment, made some for my friends... you know how it goes when you learn something neat.

  3. Hi Joy!

    This is a great tutorial, very clear and detailed. I know that many newbies have a hard time getting things figured out at first.

    Thanks for sharing at my party this week :)

    xoxo Bunny Jean
    Wednesdays Bunny Hop Party!

  4. Since adding a lot of HTML's to one's sidebar can make their blog load too slowly (and we get discouraged and just leave the site), I now just add the button with a name and html's.

  5. Nice tutorial! Have a good day.

  6. Thanks for the tut. Welcome again. Could you give me your opinion of Linky followers and Google friend followers. Does it get messy having both. Are they the same followers. I'm confused.
    Thanks in advance Joy.

  7. Thank you, thank you, I have wanted to figure this out but just didn't know where to start.
    Wonderful tutorial!

  8. Wow did I ever need this tut! I'm all alone just trying to figure out how to "do" things like that. Some things I've figured out, some things I still have a hard time with. Just wanting to have a nice blog - I'm New at this!

  9. THANK YOU THANK YOU SOOOO MUCH! I was having such a hard time figuring out how to do exactly that. And to think it was that simple... Anyways, thank you again very much for this handy advice;)

  10. Thanks! I’ve been wondering how this was done!

    I am getting ready to launch a blog and have been following your step-by-step guide. It has been so helpful! Thank you for sharing your expertise with us!

  11. I cannot thank you enough! I have searched high and low for a grab button tutorial, and yours was the only one that worked properly. Love it!

    Heard about deliverance in Jesus Christ's name


Thanks for visiting. I read and appreciate all your comments. Joy

Recent Posts