Pages

Make Image Not Clickable in Blogger Template

By default, images uploaded in Blogger are clickable. When people visit your blog, they can click on your image, to open the image in original size. This feature is both unnecessarily and confusing to your visitor.

We do not want to lose traffic directed to our site. In worst case scenario, this redundant feature might drive traffic away from your blog. Here I will show you how to edit the image link amd make the image unclickable to the view of your site visitor.

1. After you upload a image, click HTML. The code consists 3 parts:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaZ7H5g33MfrSEIvYAwbpgzIJ_ORuTLsCCWZfA9bRVI2DIQQR2acCtUyglMVc0926qaieEhHyNMBucxMvc7TceILHLSOE5MpzclRZpVG4pFb5NmSPyq77P2GoiXCFs1fsYDukXHKK3RUA/s1600/Edit+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaZ7H5g33MfrSEIvYAwbpgzIJ_ORuTLsCCWZfA9bRVI2DIQQR2acCtUyglMVc0926qaieEhHyNMBucxMvc7TceILHLSOE5MpzclRZpVG4pFb5NmSPyq77P2GoiXCFs1fsYDukXHKK3RUA/s1600/Edit+html.png" /></a></div>

div: Alignment of image.

a href: URL link of image.

src: Source of image.

2. Delete red code. You need to repeat this steps for every single image uploaded to your blog.

3 comments:

  1. We are really grateful for your blog post. You will find a lot of approaches after visiting your post. I was exactly searching for. Thanks for such post and please keep it up. Great work. Image Background removal

    ReplyDelete
  2. Thank you for useful title. we are the clipping path company provide all kind of image editing service.

    ReplyDelete
  3. If you're looking to prevent visitors from being able to click on an image in your Blogger post, there are a few ways to do it. One option is to add a CSS style to the image that disables pointer events, which will effectively make the image unclickable. Another approach is to wrap the image in a div or other container element and apply the same pointer events style to that container.
    Visit our Photo Editing Service site

    ReplyDelete

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