Adding a Grab Box

I found this really great website the other day and I thought I would share it with you. It is called Free 125 Cards. They have quite a few backgrounds you can use for a button for your blog or website. The only problem I found with the site if there is a problem is some of the backgrounds are a tad busy for a blog button but with this said I think for those who just want a button for their blog and not be too customized then this is a great site. So lets begin with the tutorial.

1. First go to Free 125 Cards.

2. Find an image you like and click on it.

3. Click on Personalize

4. A box will pop up. Add your text. I did realize you have to do each line of your text. For example, if I wanted to do Strosgirl’s Designs. I would first add Strosgirl’s and then click add text then I would type in Designs and then click add text.

5. You can make your text smaller by grabbing the little box (see below)

6. Once you are satisfied with the way your button looks, click on SAVE IMAGE.

7. Once you hit save image your button will appear on another page. You will get an image like this below.

Right click and save it somewhere to your computer.

8. You will need a photobucket account or a tinypic account or somewhere to host your files.

9. Once you have your image loaded to a hosting site you will want to get the direct link for your image.

10. Now for the fun part. You will want to add your button to your blog so others can grab it, right? Copy the code which is in the box below. Where it says PUT YOUR BLOG LINK, put the DIRECT LINK of your blog and where it says your IMAGE LINK put the direct link from your hosting account for the button.

I know people are wondering why I write tutorials on items I sell but I think not everyone can afford to pay for their designs and I want everyone to have a nice looking blog.

If you have any questions please do not hesitate to email me here.

Comments

  1. Thank you so much for this link and code! I’ll head over there right now and try it out! I’ll let you know how it goes 🙂 Head on over to see my blog and let me know what you think.
    http://www.mytwistedstitches.blogspot.com

  2. Angie, You ROCK! I certainly can NOT afford to pay for web design so I have been doing all my own and figuring it out as I go. As I have never done anything like this before. I do find it exhillerating to try this new realm of creativity and feel succesfull at it!
    Thank you so much for your tutorials, I can’t wait to try them!
    Melody~

  3. Hi. I just added a button to my blog with this tutorial, but I added my sites url too. Would you be willing to go to my site “grab” my button and see if it links back to me? I’d hate to have an ineffective button because I messed around with the code 😛
    Thanks. 🙂
    Mel~

  4. I love you so much. You may be teaching a service that you also sell, but in the end I could never do as well as you. But, at least I have the option of making my blog look a little more clean and organized and I appreciate your tutorials. I just finished this button making one so now I can promote my blog a little better. I messed up my template though, so I have to fix that. And then I’m going to try some of your other tutorials!

  5. I want to thank you for the step by step instructions on how to implement a “grab your button” box. I had the photo but couldn’t figure out how to add the link. Thank you … Thank you!

  6. Thank you so much for the tutorial! I put a badge on just the submissions page of my site – http://rustic-crafts.com/?page_id=505 because it looks like I may have done something in error. The code that people would need to copy and paste goes on and on forever and other sidebar widgets disappear from my page. My site is a wordpress site and not blogger. Any ideas for me?

Leave a Reply to Kimberli Cancel reply

*