Don't Miss

How to Remove Hyperlinks From Post Images in Blogger

By Zohaib Liaqat - 7 Comments
If you're using a custom blogger template, then you might have noticed that few templates does not supports blogger Image Lighbox, due to which, when someone clicks on an image from your post it opens in a new tab. Since blogger stores all your images in Picasa web album, so whenever user clicks on an images from your websites, it takes them to a different destination, which causes increase in bounce rate and your blog will have a bad impact on search engines. That's why its important to remove hyperlinks from images if your template doesn't supports image Lightbox. Recently one of our users asked us about Removing Hyperlinks From Post Images in Blogger. So today in this tutorial we'll show you that How to Remove Hyperlinks From Post Images in Blogger.
How to Remove Hyperlinks From Post Images in Blogger

How to Remove Hyperlinks From Post Images in Blogger

First and foremost go to your Blogger Dashboard >> Select a Blog >> Template and click Edit HTML button. Click inside the template code area and by using Crtl+F search for the ]]></b:skin> tag. Now copy the below CSS code and paste it just above/before it (]]></b:skin> tag)

.post{
position: relative !important;
z-index: 10 !important;
}

.hentry img, .separator{
position: relative !important;
z-index: -1 !important;
}

Once everything is done click Save Template button and you're done!

Congratulations: You've successfully disabled click on your post images in blogger. Share this article with your friends, subscribe to us and don't forget to Join our Bloggers Forum on Facebook @ https://www.facebook.com/groups/730927093629291

7 comments to ''How to Remove Hyperlinks From Post Images in Blogger"

ADD COMMENT
  1. The code does work, but the problem is, when i right click the picture, it won't let me able to view the image.

    ReplyDelete
    Replies
    1. This code removes hyperlinks from your images that's why you're unable to view the image.

      Delete
  2. Unfortunately it does not work for me, what does is hide the pictures and leave the hyperlink :(

    ReplyDelete
  3. Hi there! Can you assist me to stop Hyperlinks from all post from my blog? Here is my URL for my blog buyassignment.com I believe I have used the beyond code, but it still cannot work by my template. In fact be thankful for your work and your assist.

    ReplyDelete
  4. We Provide online assignment help services likes as manage the assignments in school, Allassignment help is number 1 online assignment help in USA.

    online assignment help
    assignment help online
    assignment help

    ReplyDelete
  5. Great post! I am actually getting ready to across this information, is very helpful my friend. Also great blog here with all of the valuable information you have. Keep up the good work you are doing here.
    Allassignmenthelp reviews

    ReplyDelete
  6. Do you know how to write a response essay for college? As the name suggests, this type of assignment requires you to read an article or short story and provide an opinion about it. Unlike many essays, you are allowed to be subjective and even refer to yourself in first-person.

    ReplyDelete