I make a lot of blog buttons (or badges). A. Lot. I think its a blog prerequisite to have one. Just kidding. But it is a nice companion to your blog.
What exactly is a button, a new blogger may ask? Well, its a small square image, usually 125×125 pixels, that coordinates with your blog design, that represents your blog. It can have your blog name, an image and even a short blurb…just giving a snapshot. You can add it on your blog, along with the code for people to copy and paste onto their blog. And if you’d like to know how to add that code, here’s how.
So today I’m going to show you how to create a very simple but classy button using Photoshop Elements. Its quite simply really. Here are a few videos (about 12 minutes in all) to get you started…
(Click the “Back” button after each video.)
One thing I forgot to say in the video is after you are done with your button, you’ll want to save it as a .jpg, by going to File>Save For Web. That will put it in the format you need for web use.
Hope that was helpful! If you create a button using this tutorial, I’d love to see it!







Thank you very much for this tutorial. I’ve always wondered how to make a button!
Thanks for this easy-to-follow tutorial. It was perfect for me — a writer with just enough Photoshop skills to be dangerous. I’ll come back and post my blog badge after it’s approved by my partner!
Jessica
Thank you so much for this great tutorial. By far the easiest to follow. Although I only have a free trial of Photoshop now, I do plan to purchase it. I have been trying to use Paint.net for now since it’s free. I really appreciate you taking the time to show others how to make these buttons. Blessings to you!
Cindy
So glad it was helpful Cindy. Thanks for letting me know!
I stumbled across this by accident, and I am so grateful that I did! Thanks so much!