Make picture link to URL address in blogger page or other URL

Creating a Picture Link in Blogger Posts Create a picture link so that when a user clicks a picture in a post, a new blog or a website will open. For example, the above image is linked to this post itself which is very handy. In this tutorial, I'll explain how you can link a picture to any blog or webpage.

First of all, upload an image. I will put 2 which are the same. The lower one has been link to my home page.








After that, switch to the HTML next to COMPOSE mode of post editor.

Page down until you will see the whole code for the image. Please note that there will be 2 addresses or URLs in the uploaded image.We are only interested in the first. It has the number s1600 in it.
The URL image here looks like this. Your picture will have a different URL code.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYGtWLFVm-T_KvB3j8036xGkfvKbi6WCkjn9GWcG4EadCue5XT-WFW8GjfUjdikyhx71EfASVQZgBsRCHdXecavVcnnrUqFO3eS5ZogrBaqH6YGTKjlCqpVXoD2vVov8LbaMOmX32P7GfO/s1600/store+pic3.jpg"
It will be necessary to change the code between the two
apostrophe's "   " I have marked the url code in RED in red.


Now open a new tab and find a URL of a web page you want to link to or a page on you blog.
Copy it's URL.
Now go back to the page where the picture is, go to the HTML code and highlight the first URL and cut it out, then paste in your new URL in it's place, now publish and you are done.

Make Image Link Open in a New Window or Tab

If you're linking your image to some other blog or website then it is a good practice to make it open in a new window or tab. By doing this, visitors will stay on your blog.

To do this, I'll just add target="_blank" in the image code just after the link address. The code will look like this:

I will use the Eqwid shopping cart to link to their site for example