Monday, March 22, 2010

Super Easy Button Tutorial

I will be writing this as plainly as possible, so it will be direct without a lot of confusing filler words.

How to make a 125x125 Blog Button with a copy code box.

1. Design your 125x125 Button Picture.
(I use a free program called paint.net - If you don't know how to make a 125x125 image, stay tuned for a tutorial coming up on how to do it using this program.)

2. Upload your image to your photobucket accout.  Copy the direct image url.
(photobucket is a free image hosting web site that uploads your images and gives them a url address for you to use when sharing.  I've been using them for a while now.)

3.  Paste the url into this code where it says Paste Url Here.  Don't delete the quotation marks!



 
4. Enter your blogs url address where it says enter your blogs home url here.   Enter your Blog's Name where it says Blog's Name Here.
 
5. Where it says Tag Identifiers Here, you need to put in a unique series of words, about 3 words will do it.  This is so if you ever want to look up who has put your button on their blog, you can enter those words, including the quotation marks (very important) and enter them into a search engine.  The results will be anyone who has grabbed your button for their blog.  Cool huh?
 
6. Copy code and paste into an html/java script gadget onto your blog and done.
 
Let me know how it goes!

8 bloggy friends commented:

Cari said...

I did it, and I think it worked. How can I tell if it's clickable? I try on my own page, and it doesn't work. The pic and the code are underneath it though!

Cari said...

Darn...it's not clickable. Off to figure out what I did wrong!

Cari said...

Never mind! I figured it out! YAY Thank you so much!

Amberlynn said...

Great blog you have here! Following you back :)

Wendy said...

I'm looking forward to trying this out! Thanks so much for sharing!
Blessings,
Wendy
Faith's Firm Foundation
www.faithfultojesus.blogspot.com

iram said...

THANK U THANK U THANK U SOOOOOOOOO MUCH i was trying so hard to make my button but couldn't figure it out now thanks to u i made one but the image can not be clicked to double check i copied and pasted the code of my button again in my own blog to experiment then that image was click able and opened my blog so every body it will work as a button on other blogs , i am one of your many followers :).

Anonymous said...

i honestly adore your own posting taste, very unique,
don't give up as well as keep creating because it just simply very well worth to read it,
looking forward to browse a whole lot more of your current well written articles, kind regards ;)

Jacque said...

Thanks for this super easy tutorial! I made mine in like 15 minutes - the hardest part was pickin' the picture for the button! Thanks again!

Free Template By:

A Blog to Brag About