Blogging 101: How to Make a Grab Button

April 30, 2011 Advice Corner 10

I have to say I’m extremely addicted to blogging and I love figuring out how to add cool gadgets and special features to my blog all the time. I’m definitely not an expert at coding/HTML, but I do know my way around a code or two, and there’s always some tutorial out there showing you how to do something. I decided I wanted to include some important and useful tutorials of my own, if not for my readers, then for future reference in case I wanted to do a task on another blog or whatever. I’m sure these posts will be random and scattered, but it’s good to know I or anyone out there can just click my Blogging 101 tag and get all the information they need for some handy blogging tips.

My first tutorial will be –

 

“How to Make a Grab Button”

For any new blogger out there, you’ll notice that a lot of blogs have a cute little button (like the one I have on my sidebar) with a grab box below it so readers can easily add their button to their blog. Well, here’s how you can have your own button & grab box for your blog.

To make a Grab Button:

1. Pick out a nice design from off the web, make one yourself (if you’re a Photoshop wiz or whatnot), OR you can have a button made by a graphic designer (they’re all over the web).
2. The usual size of a Grab Button is either 125×125 or 150×150. You don’t want to make it any bigger than that since most blogs have small sidebars.
3. Save your image to a photo website like Photobucket or TinyPic.

To make a Grab Box:

1. Go to “Design” -> “Page Elements” on your Blogger dashboard, select “Add a Gadget” and click on “HTML/Javascript”.
2. Paste the following code into the empty box that comes up:

<center><a border=”0″ href=”http://vi3tbabe.com/” target=”_blank”><img src=”http://i845.photobucket.com/albums/ab13/jacquiblogger/confessions/confessionsofavi3tbabebutton-150.jpg” /></a>

<textarea cols=”20″ rows=”4″><a border=”0″ href=”http://vi3tbabe.com/” target=”_blank”><img src=”http://i845.photobucket.com/albums/ab13/jacquiblogger/confessions/confessionsofavi3tbabebutton-150.jpg” /> </a></textarea></center>

3. Change all the information in RED to your own (i.e. Blog URL & Image URL) and click “Save”.

Voila! Nice & simple!

If you have any questions or comments just let me know.

Never Miss a Post from Me!
Enter your email address and click on the Get Instant Access button.
We respect your privacy

You Might Also Like:

10 Responses to “Blogging 101: How to Make a Grab Button”

  1. madeline

    Thanks for joining in the Fun Tuesday Hop

    Sorry its taken me so long to leave a comment!

    I already follow 🙂

    ~ The professionally insane m

  2. Monika

    Very useful information; it took me a while to figure out how to make mine <3

    Those are awesome, beautiful little gift set as well. Super tempting.

    Just browsing and popping in on the blogs participating in the Super Stalker Sunday Friday Edition. I also wanted to let you know that our blog is having it's first ever giveaway; up to 10 people will be winning adorable Sesame Street socks for their baby or toddler. Check it out ♥ http://www.aias.ca/2011/04/our-first-giveaway-ado

    Monika @ Aias Dot Ca (http://www.aias.ca)” target=”_blank”> http://www.aias.ca)” target=”_blank”>(http://www.aias.ca)

  3. April G

    Great info! Thanks for sharing! I will be bookmarking this!

    Thanks so much for linking up to Super Stalker Sunday! I am following you via FB, Twitter and GFC! We hope you'll come back and join us again next week for more stalking! 🙂

    Have a great week!

    April @ Mama on a Green Mission
    My recent post Super Stalker Sunday 1

  4. Denise

    I saw you on Super Stalker Sunday. Nice blog! I hope you follow back. I warn you I am very new. I might become brave enough to use this tutorial one day : )

Leave a Reply

CommentLuv badge