I'll give you the step by step on how I made my blog button, but I don't know what I'm doing only know how to do it by working with Picnik and PhotoBucket, as that's what I used. The good news, Picnik & PhotoBucket are FREE and you don't even have to sign up for a free account if you don't want to.

[2] Using the editing program you can add words, change colors, pick frames for your image etc.
This is a MUST as you need your image to have a URL.
[4] To attach the button to you blog you need a CODE.
There are two parts to the code- one part to attach it to your blog and another to say where the picture is located online.

You do need the quotation marks and make sure you keep the ">" at the end.
{Part 2} Next you'll need to insert your image web address where it says "Img URL".
Making sure to keep the quotation marks in place. On PhotoBucket there are several types of code listed by your image, you want to copy the "IMG Code".
Making sure to keep the quotation marks in place. On PhotoBucket there are several types of code listed by your image, you want to copy the "IMG Code".
[5] Next all you have to do is put the two parts of code together, making sure to end with this code.
[6] You can now input the entire code into your blog side bar.

You can also use the button in your post, just insert the whole link into the html portion of your post.
Now- You should be all set!

My sample buttons are throughout this post and I NEED help deciding which one fits my blog. {or maybe something new all together?} I would love you to lend your opinion to help me make this decision!
If you want copyable code section for your button just head over to part 2 of this tutorial!
Thanks for reading!
Thanks for the tips. I think I like the 2nd one the best.
ReplyDeleteThanks!
ReplyDeleteI like the 2nd one the best too!
Thanks so much for the tutorial! I like the second and last ones the best. I will be pinning this to save for a later date when I am feeling a little more ambitious!
ReplyDeletejenn :)
Thanks for sharing this information. I think I shall give it a try!
ReplyDeleteI also like the second one best.
Ok, I'm really computer stupid. I've got the thumb nail buttom, but can't figure out how to get the little box below it to hold the html?????
ReplyDeleteyou can email me directly
3krazychics(at)gmail(dot)com
Holy crap! It worked! I'm the most blog-tech-challenged person ever! Thank you for the awesome and easy tutorial!!
ReplyDeleteOh, I would love for you to share this tip and any other blogging tips on my mommy solutions and resource meme. There are so many mommy bloggers that would appreciate this!
ReplyDeletehttp://www.crystalandcomp.com/2011/07/the-mommy-club-share-your-resources-and-solutions/
Great directions! I really like the last one, love the linen background.
ReplyDelete~Kimberlee
www.TheSpunkyDiva.com
Becca, this is SO timely! And I have used picnik before and can't believe I didn't think of it for a button!!
ReplyDeleteFWIW, I like the last one, that round one on the burlap-ish background... it looks very summery to me. :)
Thanks, mama!
Adrianne, from {temporarily} button-less happyhourprojects.blogspot.com
Great job...I'm not good at writing tech tutorials, so I'm glad someone else can! :)
ReplyDeleteThanks so much for linking to "20 Below Thursday", and for adding my link on your blog! :)
Thanks for sharing this. I am new to blogging and have been thinking about redesigning my blog and making buttons. I really appreciate you taking the time to share this. I feel so behind and so lost with everything. :)
ReplyDeleteHi! I’m following your blog and wanted to invite you to my blog hop. Come add your blog when you get a chance if you haven’t already. Hope you are having a Sweet Week.
ReplyDeleteA Mommy’s Blog Design Studio
Join us every Friday for our Blog Hop!
Review and Giveaway Blog Directory
If you feature Reviews and Giveaways come add your blog here!
Your buttons are gorgeous! I can see why choosing just one would be difficult. I like all of the bottom three on the right hand side of the page. (Sorry, I know that doesn’t really help...there’s all just to great!)
ReplyDeleteGreat tutorial! I'm loving #2 & 3
ReplyDeleteThanks for the awesome tips! I know my readers will enjoy them. I'm sharing your blogging advice at my weekly edition of Blogland's Fabulous Friday Finds. I'd love if you stopped by!
ReplyDeleteI like the blue lattice looking background and the green in the middle with your blog name on it. The name shows up well, it catches your eye with the colors and the lattice reminds me of Gardners (your last name?) and the green also reminds me of your name.
ReplyDeleteThank you so much! I was just wondering how to get a "code" for a button! :)
ReplyDeleteI love #3 BTW.
Thanks so much for sharing this tutorial! I really need to make a blog button for my blog.
ReplyDeleteI like #2 and #3 :)
The two buttons I saw are very cute! I like your style. I prefer the one with the circle on it. I found you at Truly Lovely's blog hop, and am now following you.
ReplyDeleteThanks for the info! I like the second one best. It seems to go with the rest of your blog the best.
ReplyDeleteThank you for a great post! - I've wondered how to do this and can't wait to great my own button. I really like your third button best! I'm visiting from The Shabby Nest and am a new follower.
ReplyDeleteKricia
Thanks for the tips! I've been wanting to make my own button and not have to pay someone :)
ReplyDeleteNicole @www.thebakingmom.blogspot.com
Great tutorial! Personally I like the first of your buttons best!
ReplyDeleteThanks for linking to a Round Tuit!
Hope you have a great week!
Jill @ Creating my way to Success
http://www.jembellish.blogspot.com/
Okay, you make that sound so easy, I'll have to try it!! And I like the 2nd one and the 5th one as well! Good job! :)
ReplyDeleteThanks for the tutorial! I will try it out here in a bit.
ReplyDeleteHopefully I will have a new blog button today!! bearrabbitbear.wordpress.com
i'm going to have to attempt this. maybe. possibly....i love your chevron one!
ReplyDeleteI need to get on with designing my banner, buttons etc. Bookmarking your post for using it later. Great tutorial!
ReplyDeleteThanks for the tutorial. I am not too computer savvy either... Everything I learned how to do on Blogger comes from a Google search! And occasionally, a wonderful blogger like yourself!
ReplyDeleteThanks for the awesome instructions!!! I like the 2nd or the 4th buttons best. They are all awesome though!
ReplyDeleteGreat tutorial! This is so important for new bloggers to know and tutorials are hard to come by. Well done! I have met a few new bloggers lately who have asked for my advice re: buttons and now I will send them your way. :) Will you stop by my HomeMade Monday blog party at HomeSavvyAtoZ.com next week to share?
ReplyDeleteI like the top one! I'm just learning my way around picnik. :)
ReplyDeleteGreat job on your blog button! Thank you for linking up last week at Sew Woodsy! Please come back tomorrow and link up your most recent project!
ReplyDeleteThanks for sharing this. I like the 3rd one.
ReplyDeletewww.missmaggiesplace.blogspot.com
Great tutorial! I've been wondering how to do this. I like the banner with the chevron and navy, very dramatic and eye catching! Thanks!
ReplyDeleteThank you so much for linking this up to {nifty thrifty sunday} last week as well!!
ReplyDeletexoxo,
Vanessa
Thanks so much! Somehow I deleted my button. It needed an update anyways. Great tute!
ReplyDeleteStopping by from Beth's Tutes & Tips!
THank you SO MUCH for this tutorial!! What a great help- I think I referred to your post a gazillion times while I was fiddling with my button- but I finally got it! :)
ReplyDeleteAnd, I like the second button- the one with a frilly turquoise border. :)
Great tutorial! Thanks for linking up with us at Show & Share!
ReplyDeleteMarie
mylilpinkpocket.blogspot.com
I am new to your blog, but so far it seems like the last one is most "you" of all of them. Although they are all great. Thanks for the tutorial!
ReplyDeleteJamie http://www.backlessshirt.blogspot.com
Your tutorial worked great! Now if only a magic fairy would whip up a blog logo for me so that I can have the button design that I really want!
ReplyDeleteOh wow! Thank you! Yes, I'm going to do this!
ReplyDeleteThanks for this tutorial! I am not happy with the button that was made for my blog so I am going to try this and see what I can come up with!
ReplyDeleteBlessings,
AlwaysSewLove
I've been wanting to know how people created those! Thanks!!
ReplyDelete-barbie @ LOVIN LIFE BARBIE
Becca,
ReplyDeleteI am a new follower, and have used two of your "blog tutorials" to update my blog...the blog button and blog signature...THANK YOU so much!!! I am new to the blog stratosphere...and I LOVE YOUR BLOG!!! I am having a hiccup on my blog button displaying the actual "code"...everytime I put it in...it redisplays my button instead of the code...suggestions? Your blog, blog tutorials as well as DIY tutorials, are amazing!! Thanks for the tutorials. Would love for you to visit mine, if you get a chance....keep up the good work! Blessings!
Erin at http://chronicchristiancrafter.blogspot.com
Thanks for sharing this tutorial! I'm very new at blogging and don't know what I'm doing half the time. It's people like you that give me hope!
ReplyDeleteThanks again Jules
Thanks for such a great tutorial! I've needed to do this for a while, and now I know how.
ReplyDeleteFound this through Paisley Passions - would love for you to come by and visit.
Ann @ Suburban Prairie Homemaker
http://www.suburbanprairiehomemaker.com
thanks a ton for the tip! I still need to make one for my brand spankin new blog! I will use your tute!
ReplyDeleteThanks for the tutorial! Just pinned you!
ReplyDelete