Grab Buttons

See that cute grab button down there, on the right side in the sidebar? It's the easiest way to show your support for our blog! Go ahead and snag it! In this tutorial, I'll teach you how to post your own grab button (so that others may grab it to display on their blogs) and I'll also teach you how to display one on your own blog.

Getting Your Own Grab Button!

Do you want an easy way to spread the word about your own blog? Well this is the way to do it!

First, you'll need to choose the image you want to use for your button. The average sidebar is about 200 pixels wide, so be sure that it's not wider than that, otherwise it won't fit. Then, you'll need to upload that button to the image hosting site of your choice (Photobucket works awesome for this).

In a different window or tab, log into your Blogger account. From your Dashboard, click Design. You should then see the Add and Arrange Page Elements page. You'll see that there are several places where you can Add a Gadget. Choose where you want to add your grab button and click on that link.


You'll want to select the HTML/JavaScript gadget. Click on the plus sign next to it.


In the Content box that appears, copy and paste the following code. Don't forget to give your gadget a title!

<img src="http://YOURBUTTONLOCATION.jpg" /> <br /> <textarea style="text-align:center" rows="4" cols="22"><a border="0" href="http://YOURBLOGADDRESS.com" target="_blank"><img src=http://YOURBUTTONLOCATION.jpg></a></textarea>

Now, find the image, wherever you decided to upload it. Take the direct link of the image and replace where it says "http://YOURBUTTONLOCATION.jpg" with the link. Be sure to keep the quotation marks though -- you need them. Then, replace where it says "http://YOURBLOGADDRESS.com" with...you guessed it -- your blog address :) Then make sure you click Save, and you're done!

Adding a Grab Button to Your Sidebar

Is there a blog that you love and you want to show it? Well here's how to add that button to your sidebar!

Adding someone else's button is simpler than making your own available to them. All you need to do is add another HTML/JavaScript gadget. Make sure you give a title to the gadget. In order to post the button on your own blog, there needs to be a code box below it on the blog you got it from, just like ours. As long as you have that code, you can get the next part done. Copy the code beneath the button you want to display, and paste it in the Content box that pops up when you click on the widget. If you want to display more than one, separate them by hitting the enter key, like I did (if that doesn't work, you can add <br> -- it means line break and will give you the space you want).


If you want to center your buttons in the sidebar (which I'd definitely recommend -- it makes them look nice and neat), simply add <center> before the code and </center> at the end of the code. You need to add the center codes to each button individually.

Don't forget to hit Save!

That's it! You've successfully dealt with grab buttons!