Create Image Hyperlink in Blogger Template

In previous tutorial, you have learnt how to make image unclickable, because they are not meant to be clicked by people visiting your blog. But sometimes, you may want to use image hyperlink. So that when people click your image, they are redirected to other links, for example your older blog post.

There is only text hyperlink feature available in blogger post editor. In this tutorial, I will show you how to make your own image hyperlink.

Original image:

Original image code:

<div class="separator" style="clear: both; text-align: center;">
<img alt="Backup Blogger Template" border="0" code="code" div="div" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUfzp5JRc8HiNF36xKJkOK4KAEKdk2KzkI4Y6WOJwafVfZS3Y-z3-8C960Uqs1plcU9wnCsgOp0z8TwUBUVbeQo1V7XUjv9bqNcL_eAFz30cMI0Kbfl0pVW8Z9A2M_WWn16uN1f5KXFXo/s1600/Backup+Blogger+Template.jpg" title="Backup Template First" /></div>

Image Hyperlink:

Image Hyperlink code:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://bloggertemplatetutorials.blogspot.com/2012/09/backup-your-blog-posts-and-template.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Backup Blogger Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUfzp5JRc8HiNF36xKJkOK4KAEKdk2KzkI4Y6WOJwafVfZS3Y-z3-8C960Uqs1plcU9wnCsgOp0z8TwUBUVbeQo1V7XUjv9bqNcL_eAFz30cMI0Kbfl0pVW8Z9A2M_WWn16uN1f5KXFXo/s1600/Backup+Blogger+Template.jpg" title="Backup Template First" /></a></div>

a href: URL link your image pointed to.

imageanchor: Make your image clickable when it is equal to 1.

imagealt: ALT text of image properties.

src: Source of image.