Disable Right Clicks on Post Images in Blog

When you upload images in your blog posts then these all images will be automatically store on Picasa web album and when any user of your site click on image then it will be open new window or in lightbox that sometime not understandable for user and many users will be left your site without spending some time on reading your articles and its not good for your blog reputation because your bounce rate will be increased day by day and search engines will also not give more importance to your site in search results, so we will need to disable clicks on all post images by removing hyperlinks. If you have any blog on wallpapers topic then don’t try to disable clicks on images because it will bad effect on your blog reputation, you can use image lightbox in your blog and appear all images in popup window however if you have blog on any other topic where you provide tutorials in the shape of text and add some images for information, so you need to disable click on all images by using some ways that discussed below.

One of the best and simple way of removing hyperlinks from images is that you can edit all post of your blog and remove hyperlinks from HTML tab however if you have a lot of posts then you can disable it by using some simple Css coding. This method will help you a lot to increase your bounce rate and also if you display PPC ads inside your blog posts then it will also help you to increase your blog earning. You can also check our blog and try to click at any image and see a live demo of this tutorial. We hope you can got an idea how your images will look like when you remove hyperlinks and know below is a method that will help you to disable clicks on all post images.

Method to Disable Clicks on All Post Images

Many popular bloggers are use this method to increase their bounce rate and also their earning. You can also do it by following below methods. We will also test below coding on many blogs and got some great results, just follow below steps and add it in your blog.


Go to Blogger Dashboard>> Template>> Edit HTML.
Find ]]></b:skin> in your template.
Now paste below coding right above ]]></b:skin>



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




After it simply click on “Save Template” and you’re done.



Need Help? Comment plz

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email