One of the best ways to get exposure for your blog is to sponsor other bloggers. In order to do that though you need to have a button to place on their blog. Oftentimes you may do a button swap with another blogger. Button? What is that you might be wondering? Simply put, a button is photo of you or a graphic representing your blog that when clicked on will take a reader to your blog. When I first started blogging I had to have one made for me because I had no clue where to even begin. I was shocked and surprised when I realized just how easy it was to create a blog button. Today for Blogging Basics, Lindsay and I will be showing you how to create a button for your blog.
A little advance notice for you: I am a visual learner and like to have photos and instructions laid out for me every step of the way. Many of my tutorials are based on that style of learning.
How to Create a Button for Your Blog
Decide What Your Button Will Be
More often than not, blog buttons are a picture of the blogger with their blog name displayed. In order to be consistent try to use the same photo that you use in your profile picture and the same fonts you use on your blog.
Using a Photo
I use Pic Monkey when creating my buttons. Upload the photo of your choice and crop it using the crop tool. For this example I am creating a 200 x 200 button so I used the square cropping option.
Once you have cropped the photo to your liking hit “Apply”. You now need to resize the cropped photo to 200 x 200.
Click on “Apply”.
Now is where you get to get creative. I like to put a small banner across the bottom of the photo so my font stands out. I chose the geometric option and adjusted the rectangle to fit across the photo. I also changed the color to white and adjusted the transparency.
Once you have that set, it’s time to add your blog name.
Once that is set to your liking save it to your computer.
Creating a Graphic
If you opt to sponsor a blog with an in post banner you may need a button that is 600 x 100 for example. Photos tend to look stretched out in this size so more often than not, you may want to create a graphic. Using Pic Monkey, choose the design your own canvas and choose “Custom”.
Enter the dimensions 600 and 100.
You will get the above shape. You can make the canvas any color of your choosing as well. Once you have decided on color it’s time to use your fonts and write your blog name. In order to make it stand out a bit you can also add graphics you have downloaded or purchased (Etsy and Creative Market are great sources for blog graphics). Click on the Butterfly icon and click on “Your Own”. Locate the graphic you want to use from your computer and add it to the banner.
Adjust the size and placement and be sure to right click on the inserted graphic to send it to the back so your font stays on top (or add the graphic first and then write with the font over it).
When you are happy with the placement save it to your computer. Here is my sample 600 x 100.
Upload the Button to PhotoBucket (or a photo hosting site)
I use Photo Bucket to upload my photos. Locate your photo and upload it to the site.
Be sure to add a title for the photo as well.
You need to access the direct link for the photo.
This information is located to the right of the photo.
Copy the Direct Link.
Head Over to Grab My Button Code Generator
Once on this site you will be prompted to insert some information. Enter your blog title, your blog’s URL, and the image URL (the direct link from Photo Bucket).
Scroll down and click on “Preview”.
You will then see what your button will look like.
If you are satisfied, click on “Get Code”. You will then copy and paste the code.
Head Back to Your Blog
I like to store a button as a draft post. I create a new post and enter Text mode for WordPress or HTML mode for Blogger. Paste the code in the post and switch back to Visual/Compose mode and click on save. This allows me to access the button whenever I need it and saves me from recreating many of the above steps.
Display Your Button and/or Add Another Blogger’s Button to Your Sidebar
Be sure to add your button to your sidebar so that others can grab your button if they would like to display it on their blog. You can also reach out to other bloggers and ask to do a button swap. A swap is just as it sounds; you both display each other’s buttons on your blogs. Their readers may click on your button and therefore drive more traffic to your site. Swaps are great for when you are just starting out and don’t feel like jumping into the paid sponsorship arena.
Head to layout and add a gadget (HTML). Insert the copied bit of code and hit save. Place the button where you would like it on your sidebar simply by dragging and dropping the box (use the vertical dots on the left sider to drag and drop).
Head to your dashboard and find “Appearance”. Locate which widget you would like it placed in and paste the code and click on save.
Paid Sponsorships and Buttons
When you pay someone and sponsor their blog, the ad company sets up the coding for the button. You would still need to be able to create the button on your own (meaning photo or graphic). I spent some time creating various popular sized buttons (200 x 200, 250 x 250, 300 x 300, 600 x 100) and saved them in a folder in my computer.
There are times though where you may have to set up an ad manually. Perfect example: I have bloggers that opt to sponsor me yet do not like the ad company I use. I use PayPal to set up the payment and then ask them to send over their button code or I create it for them using the button they provide me.
Knowing how to create a button from start to finish with and without coding is a great skill to acquire early on. There are quite a few steps but once you get the hang of it you can speed up the process. As I mentioned creating a few in one sitting will save you quite a bit of time down the road.
Ever wonder how to create a button for your blog? Here you go! Click To Tweet
Buttons and Link Ups
You may also want to create a button for link ups. Remember the benefits of joining link ups? You can create a button for your link up and ask participants to display that button in their post. The button will link directly to you and your blog.
Have you ever created your own buttons? Did you find it easy to do?