Thank you for joining us for another round of Blogging Basics. I’ve actually learned a lot from this process: Google, Pinterest, and other bloggers are your FRIENDS.
I do not pretend to know everything. Or anything. Full disclosure: I have paid others to create a button for me. When we were creating Beautiful Mess I was pressed for time and reached out to another blogger (Erin from Love, Fun, and Football) to create a button for our link-up. She did a wonderful job and her turnaround time was amazing. If this process intimidates you, give Erin (or another creative blogger) a chance. However, you can easily create a button yourself! If I can do it, so can you!
Many blogs have a grab button on the sidebar for button swaps- I don’t currently have one, but that’s because I’m still finding my way around WordPress. For reference, I’ll use Anne’s:
For purposes of my tutorial, I’ll walk you through how I made a grab button for our Fall Swap Link-Up:
The first step is to decide on an image. If you’re creating a button for your sidebar, I suggest using a picture of you (like Anne did above) or an image that represents you and your brand. Make sure to include your blog name! For the fall swap button, I edited an image from Canva. We will be discussing images for a future post so I won’t go into a ton of detail here, but, to create my button, I selected the “Social Media” tab.
On the search screen, I selected “Photos” and searched the term “fall”.
Most of Canva’s images are free, but there is a small charge for some. I selected a free fall image I thought would work well with text:
On this screen, you can crop and add text to your image. Most buttons are 150 x 150, and I’ve read you want an image under 200 x 200. Save image once you are satisfied.
I am afraid of HTML. I know it’s easier to navigate than I think, but one incorrect character can throw an entire site. And cause lots of tears. And drinking of wine. So when it comes to creating a grab button, I prefer to do it the easy way!
Upload your recently saved image to an online hosting service like Photobucket:
Once your photo is uploaded, you will see a “Share This Photo” section:
Copy the URL in the “Direct” box.
Generate Button Code
Another intimidating step saved by a site that will do it for you! Go to Code It Pretty’s Grab Button Builder and fill in the prompts. In the “Image URL” box, you will paste the copied image URL from Photobucket (as explained above).
Click “Submit” and voila’!
Confirm the image and information are correct in the preview window, and, if so, copy the code from the code window.
Insert Button in Post or Sidebar
Again, for purposes of this tutorial, I created a button for a future link-up. Instead of adding the code to my sidebar, I added it in my post:
If you’re on Blogger, add the code under your HTML section.
And here’s a preview:
I have successfully created a shareable button! Other bloggers simply copy and paste the code in the box below the image for use on their site!
There is no one way to accomplish something and some of you may create grab buttons totally differently. I’m all about simplicity and prefer this method. What method do you prefer?
Make sure to check out Anne’s post to see her tips on creating buttons!