Basically it’s a picture that is also a link. You can make one for your own blog, or for your business if you have one. So let’s make one!
To start, create a small image (I usually do 125 pixels by 125 pixels, 72 resolution) on any image creating program. I love Photoshop, so that’s that I use, but you can use Elements, Corel, or even Paint! Save it as a jpeg. Here is my image:
Upload the jpeg to an image hosting program. I highly recommend Photobucket, mostly because I use it, but also because it makes it VERY easy to grab the html. After you have uploaded and named it, this is what it should look like:
See how it has all the data for the picture? (Email & IM, Direct Link, HTML Code, IMG Code) We will be using the HTML Code for our button. Click on the HTML code, it will highlight it and you can control + C to copy it (or command + C for Mac).
Now you have your button, but it doesn’t link to anything. So go to the top right where it says “Rich Text” and click on that. You should see the button. The click on the picture to select it. Like this:
Now go up to the task bar where it has the picture of the link (next to the Text button.) When you click on this, you fill in where you want it to link. It’s easier to just control + C the link beforehand.
After you have entered the link and saved it, you should be able to go view your blog and see it. If you click on it, it should lead you to wherever the link is.
And there you have it! Your button! If you want people to be able to grab it, you need to have a little box of the html code below. This is how you do that:
This will be the code you will use: