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:
Backup Blogger Template

Original image code:
<div class="separator" style="clear: both; text-align: center;">
<img alt="Backup Blogger Template" border="0" code="code" div="div" src="http://4.bp.blogspot.com/-nKTevy3EfX0/UFCBe6ccuVI/AAAAAAAAAHM/rC4fgGLqq6I/s1600/Backup+Blogger+Template.jpg" title="Backup Template First" /></div>

Image Hyperlink:
Backup Blogger Template

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="http://4.bp.blogspot.com/-nKTevy3EfX0/UFCBe6ccuVI/AAAAAAAAAHM/rC4fgGLqq6I/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.

1 comment:

  1. My spouse and I stumbled over here by a different website and thought I might check things out. I like what I see so i am
    just following you. Look forward to exploring your web page repeatedly.



    blogger templates

    ReplyDelete

© 2012 | All rights reserved | Design by Blogger Template Tutorials