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.
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.
Go to your blog’s Dashboard and scroll down to the “Appearance” button and click it.
Locate the ‘Text’ box, click on it (grab it), and pull it over to the right where your sidebar widget area is located.
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.
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>
Now copy your landing page (or post) URL.
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).
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.
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).
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!
Now click on the ‘Visual’ tab to make sure that your button looks perfect. Make sure you save it!
Now, check your website and make sure your button looks beautiful!