Canadian Blog House

How To Make A Button Ad For Your Blog – The Easy Way!

Posted by

How To Make A Button Ad For Your Blog - The Easy Way

I love blogging but, I don’t always love the technical side of blogging. As any blogger will tell you, there is a lot of work that goes on behind the scenes of every blog.

For example, most blogs, like Canadian Blog House, have what’s called a “sidebar”. This is the space that is (usually) found on the right hand side of a blog page. It’s where many bloggers showcase their awards, affiliations, or advertisements.

The first time I was required to make a “button ad” for my side bar, I was lost. I had no idea how to make one. A button ad is a small advertisement on a blog, often a 125×125 pixel image, that contains a link to the advertiser’s site.

So I googled “how to make a button ad”. I was certain it would be easy to find a site with simple instructions.

What I found at the time was a site with a “button generator”. I muddled through and finally figured out how to use the generator, but I never found it to be a simple process.

Finally one day, while creating an image for one of my blog posts, I realized there was a much easier way to make a button ad – using my WordPress site! For me it was like a “light bulb moment”.

I can’t speak for platforms such as Blogger or Weebly, however, if you have a WordPress site, here is my easy way to make yourself a button ad!


Create (using Canva or PicMonkey) and upload the image you wish to use for your button ad, to your computer. Open your image in Paint (or whatever image editor you use). If you have been provided with the image, just use your image editor to resize it for a perfect fit on your blog.



Resize your image. For button ads I use 125×125 pixels. You can choose whatever size you wish that works for your blog. Save the resized image to your computer.




Upload your finished image to your blog into your “Media Library”




Create a “new post”. Add your image (from the Media Library) to your new post.




Copy the link that you wish to have your button ad redirect to when clicked by your reader.




Click on your image in your post so that it becomes highlighted. Click on the “link” button (button that looks like a link) in the top menu. 



Paste the destination URL link into the box. Check the “open link in a new window/tab” box. Click “update”. 




Click on “Text” editor. Highlight and copy all the text on the page (from your image). 



From your WordPress Dashboard, go to “Widgets”. Drag and drop an “Ad Square” box into your Sidebar (you can also drag and drop a “Text” widget for ads larger than a button ad). Give your Ad Squares box a title, delete the existing code, and paste the text you copied into one of the Ad Squares boxes. Click “Save”.



Go to the home page on your blog, scroll down your sidebar, and click on your new button ad. It should open a new window, and link you to the advertised website!



Hope you found this useful!

If you enjoyed this post, you may also enjoy these Facebook and Twitter tips!



  1. February 23, 2017


    I use to use the generators until I figured this way out as well, so easy. Thanks for sharing great tips!

    • February 23, 2017


      It’s such an easy method to use once you figure it out, eh Tammy? Lol..I use to waste so much time with those generators! Thanks for stopping by!

  2. February 7, 2016


    I have an entire unpublished page on my blog that is nothing but Social media icons and buttons for my sidebar using this exact method. And I came to the idea just like you did… I was doing it for images in blog posts, why not icons and buttons? Great post

    • February 7, 2016


      Thank you Becky! I love hearing this..and that I’m not the only one who was making the whole “making an ad button” thing so complicated. I just wish I had caught onto this a whole lot sooner! Thanks so much for stopping by!!

  3. February 7, 2016

    Teresa Coppens

    I have used this method. It really is the easiest way to go. But it did involve a lot of Google searching to figure it out. Wish I’d had access to this post at the time. Very helpful. It will save many from our trial and error pain

    • February 7, 2016


      Hi Teresa! Thank you for saying so! I do hope this post helps people not have to go through the steps we had to. I use to hate making button ads (or ads in general). Now that I figured it out, it’s a breeze! Thanks for stopping by and sharing your thoughts!

  4. February 5, 2016

    Kristine @MumRevised

    So funny you wrote about this because I just figured this out for myself the other day. Great minds…

    • February 5, 2016


      Love it! HOW did it take us this long to realize we could do it this way? I can’t believe all the times I struggled with a button generator..and Photoshop, lol. Ugh! Thanks for stopping by, Kristine!

  5. February 5, 2016

    Marilyn Legault

    Your definition of “easy” and mine, are not the same 🙂

    • February 5, 2016


      Lol! Trust me, this is pretty basic 🙂

Leave a comment

  1. How To Make A Button Ad For Your Blog - The SITS Girls02-07-16


Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 590 other subscribers

Got family and friends in Canada?  Give them the gift of an experience.


Advertise With Canadian Blog House (1)


 photo 221ddf47-ff11-4c4a-a58a-d15dae8e47c1_zpse40a0da1.png


Advertise With Canadian Blog House (1) Icon3_OMC_125px

Grab My Button

Copy the code below: