Thursday, February 17, 2011

How to Create a 'Grab My Button' link for your blog ~ Easy!

I am always getting emails from fellow bloggers asking me how I made my 'Grab My Button' link.  Although I did not personally make these, they were part of the wonderful blog design package by Sheila at Blog Designs by Sheila...but I have done them in the past by myself. When someone asks me how to do it I have a difficult time explaining how to do it and usually end up just making them myself and giving them the html to post it on their blog.

But today I learned about a really great mom blogger named Billie at The Unexpected Mother blog, who has found a way to explain just 'How To' make the 'Grab It' button in really easy to understand steps. She gave me permission to share her instructions with my readers as well. So here it is...

~xxxxxxxxxxxxxxxxxxxxxxxx~

Hey Mommas!  Have you ever seen those cute little ‘grab it’ buttons on other blogs and wondered how to get one of them new-fangled contraptions for your own blog?  Well, I’m going to make it easy-peasey-lemon-squeazy for you. 

 Just follow these simple directions:

 1)  You need a grab it button.  You can create one in an image editing software like Photoshop or Paint Shop Pro.  A typical blog grab it button is 125×125.  On the other hand, if you don’t feel comfortable creating one yourself, there are tons of graphic designers out there that can create one for you for a small fee.

2)  Once you have got your blog button designed, you will need to upload the image to Photobucket, Flickr or if you have WordPress you can upload it to your media file there.  You will need to have the URL address for your photo, regardless of where you upload it. 

3)  Next step: the HTML coding.  Make sure you copy and paste the following coding into your HTML editor or into a text box for your side bar.  DO NOT USE the WYSIWYG(what you see is what you get) editor for blog posts, it will not work properly that way.

 <div align=”center”> <a href=”http://www.theunexpectedmother.net” target=”_blank”><img alt=”The Unexpected Mother” src=”http://theunexpectedmother.net/wp-content/uploads/2011/01/newbutton2.jpg“/></a> </div> <div align=”center”> <form><textarea rows=”6″ cols=”20″><center><a href=”http://www.theunexpectedmother.net” target=”_blank”><img alt=”The Unexpected Mother” src=”http://theunexpectedmother.net/wp-content/uploads/2011/01/newbutton2.jpg“/></a></center></textarea></form> </div>

Okay, so using the code I have given you above, all you will need to do is change the highlighted coding to reflect your blog information.  For example, where the coding says http://www.theunexpectedmother.net, you will need to change the URL address to your blog’s URL.  Where the coding says “The Unexpected Mother”, you will need to change that to the name of your blog.  Where the coding shows http://theunexpectedmother.net/wp-content/uploads/2011/01/newbutton2.jpg, you will need to place in the URL address for your blog button.

Note: Be sure to NOT CHANGE OR DELETE ANY OF THE OTHER CODING.  Make sure you leave any quotation marks, arrows, etc. If you accidentally delete something, your grab it box will not work properly.  If you do delete something, just copy and paste the coding from here again.  Better safe than sorry.
Now that you have replaced my information in the coding with your own, you’ve got your very own blog grab it button!  Just place the edited coding into your HTML editor for a blog post or into a text box to place it on your sidebar!

Voila! You are all done! You’ve got yourself a pretty new grab it button for your blog! Check out the finished product below!

The Unexpected Mother

Enjoy!

I hope this has been helpful to you!  Feel free to email me at Billie.Poteet@gmail.com if you have any questions.

28 comments:

  1. I'm a new follower from the Weekend Blog Hop!

    I would love it if you could follow me back at Becca's Perspective!

    Thanks,
    Becca

    ReplyDelete
  2. Following back. Thanks for the follow. :) Nice blog.

    ReplyDelete
  3. I am a new follower from the weekend hop and I look forward to following your blog! I hope you have time to stop by!

    ReplyDelete
  4. Think it is always good to share this information. You never know who doesn't know :) Stopped over from the weekend blog hop, now off the have an even better look around your site. Have a great weekend!
    http://texagermanadian.blogspot.com/

    ReplyDelete
  5. Found you via Tara's blog hop. Newly following!

    Leetah East
    afkdinner.blogspot.com

    ReplyDelete
  6. New follower from relax and surf sunday. I would love a follow back http://realadventuresfromamomof3.blogspot.com/

    ReplyDelete
  7. Thanks for following Flip Flop Reviews!! :) I am now following you here and I am about to head over to your other blog to do the same.

    Have a great day!

    -Danielle
    www.flipflopreviews.blogspot.com

    ReplyDelete
  8. Thanks for joining Good Friends Just Click! I'm GFC following. Hope you join us again next week!

    www.mamalovesherbargains.com

    ReplyDelete
  9. New follower from GFJC, hope you will follow me back :)
    http://fulltimeadventure.blogspot.com/

    ReplyDelete
  10. Stopping by from the hop :) Your online store looks great, I'm gonna go look around in there some more. Have a great day.
    Crystal
    http://inspiredlangley.com

    ReplyDelete
  11. Now following from http://BabyDealsDujour.com/blog
    We track all of the daily baby deals and list them in real-time. Would love for you to stop by and follow back!

    ReplyDelete
  12. Blog hopping today and am your newest follower. I hope that 1 of my blogs interests you too.

    http://tawnasplan.blogspot.com
    http://btrbb.blogspot.com
    http://tawnassecret.blogspot.com

    I also do a weekend blog hop, you can link up on tawnasplan.blogspot.com open every Friday-Sunday!
    Thanks
    Tawna

    ReplyDelete
  13. Thanks so much, I'm going to try to create a button for my blog!! I’m a new follower from “Follow Friday 40 and Older”, your site looks amazing and I’ll definitely be checking back often!! I would love it if you followed me back!!
    Monica
    http://oldermommystillyummy.blogspot.com/

    ReplyDelete
  14. I remember doing my button myself and getting so frustrated..thanks for sharing the Easy way! I am a new visitor and follower from Java's Follow Friday. I love the pink boots; your babies are adorable:) I have 11 of them so I'm going to head over to your shop because I am all about babies!

    ReplyDelete
  15. New follower from the hop:
    Freebies Mom
    http://casinofreebies3.blogspot.com

    ReplyDelete
  16. I just found your blog and became your newest follower! :) Great blog! :)

    ReplyDelete
  17. Hello,
    I am your newest follower. Please stop by and say hi and follow me too...:)
    Thanks,
    Maureen
    Areyouamom.com

    ReplyDelete
  18. Oh, I loved this post. I learned a lot. Great blog. I am happy to follow you. I found your blog on a blog hop.

    Russo @ www.threegnomes.blogspot.com

    ReplyDelete
  19. I am following you through the blog hop. Please follow me at http://thecryptocapersseries.blogspot.com
    www.reneeahand.com
    Thanks!
    Renee

    ReplyDelete
  20. Newest follower from the Fab Friends Thursday hop ^^
    Please check out my blog and follow back.
    http://slepperymind.blogspot.com
    Thanks! :)

    ReplyDelete
  21. Great info ;)

    I'm following from the hop.

    ecwrites.blogspot.com

    ReplyDelete
  22. New follower from the hop! I'd love for you to stop by and follow back when you get a moment! :) Happy Thursday!

    April
    http://greenmissionmama.blogspot.com

    ReplyDelete
  23. Hi! Thanx for following my blog!! Come back for a visit any time!!

    Have a great weekend!!

    ReplyDelete
  24. Wow, this really is an easy to follow tutotial! Following you back.

    Jess
    quinsmomma.blogspot.com

    ReplyDelete
  25. Perfect tutorial, thank you so much!

    I am visiting from I ♥ Blogging! Thank you for joining our blog hop! I would love if you could stop by www.mooseandtater.com

    ReplyDelete
  26. Hi! I'm a new follower from the blog hop and would love it if you'd check out my new blog at http://www.formulamom.com! Have a great day!

    ReplyDelete
  27. Hi!

    I'm your newest follower from the Welcome to the Weekend blog hop. Thanks for posting this, I've just started work on my button;)

    Feel free to check out my blog here: inadaze13.blogspot.com

    ReplyDelete
  28. I found you through the “Not So Moody Monday Blog Hop”

    I am a new follower on GFC. (Anja M.)

    Hope you will follow me back at This and That

    ReplyDelete

Please share your thoughts about this post. Be sure to include the url of your blog so I can visit you too!

 
Template: Blog Designs by Sheila