Author LynneHuy
2015
5
47
Premium
Ambassador
Rank 47

Being able to add a clickable image to the sidebar on your website can really come in handy.

You can create an attractive image easily using Canva and then add it to your sidebar with a link to another page on your website, a lead page or affiliate offers. If I am creating an image for my sidebar I usually make it 300 x 250, but you can play around and see what size you like.

Then I upload that image into my media library of my website.

Whenever I need to know how to code something my go to place is always w3schools but there are loads of free places you can learn to code.

Anyway here is the code for adding a clickable image, showing the items you need to replace in red:

And here you can copy and paste it from below:

<a href="DESTINATION URL">

<img src="IMAGE URL" alt="ALT TEXT" style="width:000px;height:000px;border:0;">

</a>

Just replace the destination URL with the link to the place you want to send your readers and the image URL with the url for your image in your media library.

Then add in your alt text and change the 000 width and length with your image sizes.

When you have your code ready just go to Appearances, then Widget and add in a text section to your sidebar and pop in the code and save it.

I hope you have found this helpful :)



Join the Discussion
Write something…
Recent messages
Skydancer1 Premium
Nice simple easy code.. Just my style..

Thanks for the info

I just added one to my sidebar using this

Good job
Reply
LynneHuy Premium
So glad I could help :)
Reply
lmwood646 Premium
Very clear, I will be using this.

warm regards
Reply
MarlaineB Premium
Thanks Lynne - I didn't want to install yet another plugin to do this - your code worked great! :)
Reply
LynneHuy Premium
Great, I am happy to help!
Reply
GeoffGS Premium
Thanks Lynne.
Reply
RoriO Premium
SO HELPFUL, LYNNE!!! Thank you!
Reply
accad Premium
Lynne, you gave me headache. Why? I don't understand coding and I fear I might destroy everything. I need more time to learn the complexities of codes.

But I like the stage where you are now. You have the knowledge of something that is important in the design of your website. Maybe, you can tutor me.

Congratulations.
Reply
LynneHuy Premium
Coding is scary isn't it? Honestly I don't like it one bit!

However that said if you can spend a little bit of time getting to understand how the basics works it would really help you a lot.
Reply
NWTDennis Premium
Hey Lynne ... nice to hear from you. I know you've been busy growing your business.

One of the downsides of our iPhone society is that our website side bars are not easily viewable by smart phone googlers unless they happen to scroll all the way to the bottom of a post or page. Who's going to do that on a regular?

When I discovered this I searched for a plugin that would support a toggle switch graphic link that would appear at the top of every page or post allowing the smart phone viewer to toggle back and forth from a content column to a side bar. This way the smart phone viewer at least knows there is a side bar and can easily toggle to it if interested.

The project was a bit above my pay grade, but I've heard that K&C might be planning an upgrade on our SiteRubix portal to accommodate this site design feature.

Do you have any thoughts on the matter?
Reply
LynneHuy Premium
Oh thanks for the feedback Dennis. I am not into such higher grade stuff. I always work from my laptop and forget about mobile which really is something I need to start looking into!
Reply
johnwnewman Premium
Thanks Lynne :-)
Reply
Rich908 Premium
Canva is great -- I have been using it for the last year thanks for sharing
Reply
LynneHuy Premium
Yes I love Canva! I can't believe how it has made my life so much easier.
Reply
Temujin1 Premium
Great info. Thanks!
Reply
Jim-Bo Premium
wonderful schtuff, Lynne!
Reply
LynneHuy Premium
Thanks Jimbo :)
Reply
Dinh Premium
Nice training!
Reply
TomasB Premium
Thanks Lynne, nicely done.
Reply
marcia2 Premium
Thank you Lynne, Could not have seen this at a better time.
Reply
LynneHuy Premium
I am so happy it helped you!
Reply
kasage00 Premium
thanks for sharing!
Reply
AGaylor Premium
This is very, very helpful! Thank you so much!
Reply
CraigW315 Premium
This is brilliant. Thanks for sharing.
Reply
drcmaint Premium
Thanks.
Reply
Traveller75 Premium
Thanks Lynne, I was wondering about this and now here it is.
Wayne
Reply
Kav Premium
Thanks
Reply
RoriO Premium
Wow, Lynne, you keep outdoing yourself! Thanks! Great info.
Reply
Chrissies Premium
Many thanks Lynne and Loes, this is really useful :)
Reply
Loes Premium
That can be done way easier Lynn. I have a test post in draft, I upload the image, add the link to it, open in new tab and copy the code from the text area, and paste it into the text widget
Reply
LynneHuy Premium
Thanks Loes, I have never done it that way!
Reply
Loes Premium
You should try it:))
Reply
LynneHuy Premium
But then I would have a draft blogs with images floating around? I'm so used to just writing basic code now that it comes second nature LOL.
Reply
Loes Premium
All my websites have one draft blog, to try things out
Reply