Have you ever wondered how people add cool clickable buttons on the sidebar of their blog that lead to another blog page or post on their site? Here’s the skinny on how to add a button that links to a landing page (or post) on your blog if you have a self-hosted WordPress site.

This kind of button comes in handy if you’re participating in a writing challenge like the #Write28Days Blogging Challenge.

Step One

Write and publish your landing page. Make sure you have a square graphic somewhere on your page with dimensions of 1024 X 1024 pixels. You can create one for free on sites such as PickMonkey or Canva.

Step Two

Go to your blog’s Dashboard and scroll down to the “Appearance” button and click it.

Create a button for your landing page

Step Three

Locate the ‘Text’ box, click on it (grab it), and pull it over to the right where your sidebar widget area is located.

Create a button for your landing page

Step Four

Let go (drop) the Text Box in the position you’d like it (I put mine right under my search box). Next, click on the ‘Text’ tab.

Create a button for your landing page

Step Five

Copy and paste this html code into the Text box that you just opened: <center><a href=”YOUR LANDING PAGE URL”><img src=”YOUR BUTTON’S URL GOES HERE” width=””125″” height=””125″” /></a></center>

Step Six

Now copy your landing page (or post) URL.

Create a button for your landing page

Step Seven

Paste the landing page URL into the area of code where it says YOUR LANDING PAGE URL (make sure it has no extra spaces and falls within the quotation marks).

Create a button for your landing page

Step Eight

Now open another window with your blog’s dashboard and go to the Media Library of your blog. Click on your button and you’ll see a URL address for the button. Copy it.

Create a button for your landing page

Step Nine

Paste the button’s URL into the area of code where it says YOUR BUTTON’S URL GOES HERE (make sure it has no extra spaces and falls within the quotation marks).

Create a button for your landing page

Step Ten

You can change the size of your button by changing the numbers here. Just be careful not to mess with any of the other code!

Create a button for your landing page

Step Eleven

Now click on the ‘Visual’ tab to make sure that your button looks perfect. Make sure you save it!

Create a button for your landing page

Step Twelve

Now, check your website and make sure your button looks beautiful!

Using widgets