Saturday, May 15, 2010

Creating a Button for your Blog

Adding a Button to your blog is a great way to advertise.
[A button is a clickable image that leads others to your blog. Like the one I have in the top right corner]

If you already know the basics and are just looking for the HTML coding scroll down to the bottom of this post. I have included codes for BOTH types of Buttons: Grab My Button & Regular Button
There are 2 types of buttons: a Grab Button, and a Regular Button

Both are really easy to create

But first you will need to create an image (for which you will need Photoshop, Illustrator, or something along those lines)
Pxlr is a great online open image editor. And it's FREE! Woo hoo! You can also use Phoenix or Photoshop Online.
You will also need an account with Photobucket or any other image uploading website. (the basic accounts are free)

My tutorial will be with a Photobucket account.

First Upload your image to Photobucket.


 (Make sure you saved it in JPEG format and that your image is NO bigger than the width of your sidebar! An average sidebar is around 180-220 pixels. A good sized button will be around 200 x 200 pixels. give or take)
Find your image and click on it. It will automatically upload for you.
CLICK SAVE
Next, find your image in your account and click on the SHARE button
A pop up box will appear.
Click on the GET LINK CODE button

Then copy the DIRECT LINK code to your clipboard by either right clicking or clicking Ctrl C.



That is the HTML code you need to complete the rest of your button.

Next, you will need  to copy and paste the following code into your blog by clicking ADD A GADGET and then selecting the HTML GADGET.



blogger was being dumb & not letting me post the codes. It was trying to read them and getting confused I think. GOOGLE DOCS to the rescue!



3 comments:

Rebecca said...

Thank you so much for sharing this tutorial! My goal for this weekend was to make a button so this came at a perfect time!

rozetta said...

I hope you'll post a link to this and the post below it as a tutorial.

Thanks!

~elaine~

The Answer Is Chocolate said...

Thanks for this tutorial! I'm only almost three weeks into blogging and so much to learn and tutorials like this are incredible. Really appreciate your sharing spirit.

Related Posts Plugin for WordPress, Blogger...