Canadian Blog House


 photo Facebook-icon_zpsf1f53f9e.png  photo Twitter-icon_zps2aaee0e6.png  photo Pinterest-icon_zpse45185bc.png  photo Google-Plus-icon_zpsfc242f8d.png

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

Posted by
/ / 11 Comments

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!

HOW TO MAKE A BUTTON AD FOR YOUR BLOG

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.

HowToMakeAButtonAd

 

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.

 

HowToMakeAButtonAd2

 

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

 

HowToMakeAButtonAd3

 

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

 

HowToMakeAButtonAd4

 

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

 

HowToMakeAButtonAd5

 

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. 

 

HowToMakeAButtonAd6

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

 

HowToMakeAButtonAd7

 

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

 

HowToMakeAButtonAd8

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”.

 

HowToMakeAButtonAd9

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!

 

HowToMakeAButtonAd10

Hope you found this useful!

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

SANDYFONT

 

  1. February 23, 2017

    Tammy

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

    • February 23, 2017

      Sandy

      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

    Becky

    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

      Sandy

      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

      Sandy

      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

      Sandy

      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

      Sandy

      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

CONTACT CANADIAN BLOG HOUSE

canadianbloghouse@gmail.com

Subscribe to Blog via Email

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

Join 598 other subscribers

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

PARTNERS

Ovlix
Advertise With Canadian Blog House (1) LampeBerger

NOMINATED FOR BEST LIFESTYLE/TRAVEL/PRODUCT REVIEW BLOG!!

WINNER OF A CANADIAN BLOG AWARD!

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

FRIENDS OF CANADIAN BLOG HOUSE

online coupons Icon3_OMC_125px
Advertise With Canadian Blog House (1)

Grab My Button


Copy the code below:


Archives

Categories