How to link Pictures to Web Sites, Affiliate links etc

If you want to link an image to a website, a web page or an affiliate link, this tutorial is for you. This tutorial will explain to you how to link images so that if anyone clicks on the linked image, the person will be taken to your desired web page.


In this tutorial, I assume you have uploaded the picture to somewhere on the internet and have the image url  handy. I also assume you know the address you want to link to. This might be a web address or an affiliate link etc

As for me, I have a picture I want to use. The link is: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivgzG3M6gSffqxlhRejAS6yTwYrDz-dae8z-3tcGPEoAABP0mx0p-jFnpauCOk0twNRGWMI-Iyzsh-odZufjb_qDQLwdrje9wa_vtk_7lly-ptecedM5cN8DzQNIzcqtdnA8W0zcBugaI/s1600/950perDay.jpg

You can read: "  How I use Blogger to host Images for free " if you do not know how to host and get url of your image.

I want to link this picture to : www.ogbongeblog.com  so that if anyblody clicks on the picture, it takes them to www.ogbongeblog.com

So. lets get started 

Just copy and paste the code below in your "Edit HTML/Javascript" gadget of your blogger blog or anywhere you want to use the linked picture in your blog.

<a href="http://www.ogbongeblog.com" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivgzG3M6gSffqxlhRejAS6yTwYrDz-dae8z-3tcGPEoAABP0mx0p-jFnpauCOk0twNRGWMI-Iyzsh-odZufjb_qDQLwdrje9wa_vtk_7lly-ptecedM5cN8DzQNIzcqtdnA8W0zcBugaI/s1600/950perDay.jpg" border="0" /></a>

Edit the code with your own details.

==>  replace the link in red with the link or address you want to link to
==>  replace the link in blue with the url of the image you want to use

Note: The  target="_blank" makes the link to open in a new window when someone clicks on the picture.

SAVE your work.

Thats all. If you view your blog, you should see the picture and if you click on it, it should take you to where you linked it to.

Cheers!