Sunday, July 24, 2011

Blog Buttons

I visited The Happy Card Encouragment Factory blog and noticed she had a button that matched her blog, and I was able to copy the code under it and post it on my blog.  I really wanted to make my own button, because I have a specific theme to my blog, so I asked Becki how she got hers.  She directed my to a website, by Jo-Lynne, who has awesome tutorials on how to design/create your own button.  I have adobe photoshop elements, which is where I designed my button, but then I realized I didn't know how to I turn my button into a link. Jo-Lynne has got it covered...this is the direct website to create a button code that sits under your button so others can copy it onto their blog.
I will say it took me about 3 hours, from creating my button to getting it to actually work... and as a side note on the code, it seems that in the tutorial some>'s were left out...right after the photobucket link.  So it should look like this:
border=”0” /></a><p><textarea class=”tiny” name=”1” rows=”3” cols=”18”><br  /><a href=><img src=> border=”0” /></a></textarea></p>
Just replace your web address (but be sure to add quotes to your blog link..."" or else it won't turn into a link.  Same goes for the picure URL, I suppose you can use any online photo website, but Flicker didn't seem to work for me so I just opened an account with Photobucket (it's free) and they have the link right next to your photo, all you have to do is click it and it will copy it. For anyone trying to create their own button, good luck, it's tricky, but it's so rewarding when you see your very own blog button for others to add to their blogs!

1 comment:

  1. Glad you got it all figured out! It looks really good. I put it on my blog!


01 02 03
04 05 06
08 11 12