Monday, 7 February 2011

I have a button!

Yes, all by myself, using one of the wonderful images Julia from little girl quilts made for me, I made a button and, in the end, it was pretty simple.  And here it is.  Regular blog readers, please read the final paragraph of this post to gain a sneaky little advantage in Sunday's giveaway.
Lily's Quilts
<div align="center"><a href="http://lilysquilts.blogspot.com/" title="Lily's Quilts"><img src="http://farm6.static.flickr.com/5180/5403675273_0311ac1e75_m.jpg" alt="Lily's Quilts" style="border:none;" /></a></div>

1. So, to make your very own button, you first need to make yourself a 125 pixel by 125 pixel square image.  I took the image Julia had made for me, uploaded it to flickr and then resized it in picnik.

2. You then go to the grab my button code generator and fill out the required fields.

3. Now here was the bit where I kept going wrong.  Where it asks you for the image url, I did not know how to get this easily from Flickr but here's how I eventually got it.  I went to my image, clicked on "share this" and then clicked on "grab the HTML/BBCode", then clicked on "original" in the box where you are selecting which size of photo you are looking for and a text box pops up.

4. You only need to copy part of this text: just the strand of text which starts with http://farmstatic and ends with .jpg.  Copy and paste this text into the "image url" box of the button generator.

5. Click "preview" and, if you like what you see, click "Get Code" and copy the entire code that comes up.

6. You then paste that entire code either into a blog post (with the edit HTML tab selected) or into a HTML gadget on your blog and hey presto, you have a button people can grab.

Now here's the secret part of the post only my current followers will see.  If you grab my button, put it onto your sidebar and let me know before my Moda Bake Shop quilt is posted this Sunday, you will get an additional entry for the giveaway I am holding to coincide with my Moda Bake Shop debut.  So, grab the button, let me know in a comment in this post before Sunday and you will be rewarded with an additional comment on the Sunday giveaway post.  And in that comment, you just need to write "Bonus Comment" because I want to give my loyal followers a sneaky little bonus comment on Sunday's giveaway.

BTW, to grab the button, copy the code in the textbox below the button, go to your blog, go into "Design" , click on "Add a Gadget", select the gadget entitled "HTML/Javascript", paste the text you've copied into the content box of the gadget, click "save" and hey presto, the button will appear on your sidebar.

38 comments:

  1. I am so glad you explained this, I was trying to do one recently and I got stuck, thankyou tech queen

    ReplyDelete
  2. Thanks for sharing how to make a button Lynne, I might just need one myself now! I'll put yours on my sidebar, love the new look :-)
    x

    ReplyDelete
  3. Oh, and can't wait to see what you made for Moda Bakeshop!!

    ReplyDelete
  4. Congrats on having a quilt in Moda Bake shop! cant wait to see when its posted!

    ReplyDelete
  5. Ooooh thanks for sharing that Lynne, I might just try one myself.
    I've added your button to my side bar, it looks so cute!

    ReplyDelete
  6. Hey, thanks for the info. I just had someone make one for me and I love it!! So I'll put yours on mine and if you want to you can do the same.
    BONUS COMMENT!!!

    ReplyDelete
  7. Thanks for the tip!


    And congrats on the bakeshop debut!

    ReplyDelete
  8. I have added you to my blog's sidebar :)
    http://allthingscrafty.blogspot.com/

    ReplyDelete
  9. Clever clogs :) And of course I'll add you to our blog sidebar :)

    ReplyDelete
  10. I would love to grab your button but am having difficulty getting it onto my sidebar in Singapore. Oh well..
    LSWH

    ReplyDelete
  11. Button is on my blog. Eager to see your MBS project!

    ReplyDelete
  12. I love your button colors! It's up on my sidebar as of right now! :) Thanks!

    ReplyDelete
  13. I love your button colors! It's up on my sidebar as of right now! :) Thanks!

    *Bonus comment!*

    ReplyDelete
  14. Oh dear, you lost me at pixel. I'm still trying to figure out how to link one post to another in my blog.

    ReplyDelete
  15. I loves me some sneaky. Thanks for thinking of us, your loyal subjects. Mariguilts comment above has got me giggling.

    ReplyDelete
  16. I am now shamelessly promoting you on my sidebar, my PB pal.

    ReplyDelete
  17. Bonus Comment time! I might just have to try that button-making! Thank you.

    ReplyDelete
  18. Lovely button and great advice on button making. I added yours to my sidebar. I think it's fab.

    ReplyDelete
  19. I put your button on my sidebar! Thanks for the info about how to make one - I want to do one for my blog, too! And congrats on the MBS debut!!

    ReplyDelete
  20. You're now on my sidebar!

    ReplyDelete
  21. The button is awesome!! And I so cannot wait to see what you make for the Bake Shop!

    ReplyDelete
  22. I grabbed your button Lynne! This is on my list of things to do as well but first I feel the need to do some redesigning of my own. What fun to have a special entry! ;)

    ReplyDelete
  23. I happily added your button to my little blog! I can't wait for your moda bake shop debut, one of many more to come I'm sure!

    ReplyDelete
  24. Your button takes pride of place at the TOP of my right sidebar! Now I want to make my own- just wish I had a pretty graphic to use- I'll make a wish on my birthday cake hey?

    ReplyDelete
  25. I want wanna those, have mentioned your post in my blog AND of course added your button pride of place!!

    Fi

    ReplyDelete
  26. ive added your button its so cute, how could i not.

    ReplyDelete
  27. Thanks for sharing this! I've always wondered how to make a button. I've put yours on my side bar. So cool!!

    ReplyDelete
  28. I LOVE your button design and your site! Your piecing is absolutely amazing. Thanks for a fun visit!

    ReplyDelete
  29. Thank you so so much for your technical info...I am a computer illiterate. Anyway can I say Bonus Comment?! Love your button.

    ReplyDelete
  30. yay for you button (i'm sorry it took me so long to catch up...it's only been the 2nd week in my new job).
    i'll put it on my sidebar immediately...yay for blog buttons (and especially for your blog!)

    ReplyDelete
  31. I love buttons and yours is great. I've grabbed it some time ago and put it on my fresh quilting blog (you know I'm a newbie)

    ReplyDelete
  32. I added your button to my sidebar Lynne!
    http://ablondquilts.blogspot.com/

    ReplyDelete
  33. Your button looks lovely, Lynne. I'm just sorry I don't have a blog to put it on :(

    ReplyDelete
  34. happily, button's on at FHC ~
    it's totally cute..
    and many thx for the instructions!

    ReplyDelete
  35. Thank you! I have been wondering how to do this!

    ReplyDelete

Comment away peeps :-)