Saturday, February 19, 2011

NEW and IMPROVED button

Okay, so you know how I posted a button, and linked back to the tutorial where I got it?  Yeah, turns out that my button didn't actually work. It probably was something I did wrong, not the tutorial. 

Well this morning a lovely lady, Kristy, gave me a link to The Bonjour Family blog, where blog author Libby has her tutorial on how to make a button with a grab code.  I followed her simple and easy tutorial, (still had to tweak it a little) and I got it to work.  So now I have a new and working button, and a grab code that works too! Yay Kristy for giving me the heads up.

Things I had to tweak-

Kristy's tutorial said
"Note: You can also add a photo or an illustration to your button if you want a little more detail. Once you select a photo or image, place it in the box, and then play around with the words and the image until you like the way it looks. Once you are finished and like the way your button looks, save it as a .gif image. This is a very important step, because if you save it as a jpeg, it won't work."
"2. Go back to Photobucket or Flickr {wherever you uploaded your button image} to get the direct link to your image."

I tried saving it as a .gif image, uploading it to photobucket ad using the direct link code to make the button but it didn't work that way for me. So I went ahead and used the image as a jpeg when I uploaded it to photobucket. Also, I used the html code instead of the direct link code that is provided by photobucket.  That's it. The code she gives and the directions to insert the url's of the blog address and pictures are so easy to follow. 
If you use her tutorial be sure to leave her some blog love in her comment section!


The Bonjour Four said...

Yay! Glad it worked for ya! That interesting you were able to save as jpg. I tried that several times and it never worked for me. Hm that's cool! Glad you figured it out anyway! Maybe different layouts / different codes?? Who knows! Thanks for sharing my link! :)


Lin said...

YAY! You rock! Love the button. Love the banner! :-) Are you trying to design social media icons, or just add pre-made ones to the blog? Took me forever to figure out how to do the latter, but turns out to not be too hard in Blogger. I can find the tutorial I used...let me know!

Kimberly said...

And this is why I'll be paying someone to design my blog for me! lol! Kudos to you for doing it on your own! :)

Kristy said...

Hey! I am so glad you got it to work. Your button looks great!

But, I didn't make the tutorial, I just found it. All credit should go to Libby from The Bonjour Family!


Dacia said...

So glad you posted about this because I've been needing to add this to my blog. I've had the button, just not how to add the grab code. I'm going to have to go check out the tutorial. BTW love your button!

Visiting from SITS & now following. Would love to have you visit

Reeni said...

I like what you've done with your redesign! I need to make a new button for myself too and have been putting it off - will use this link when I do it - thanks!