Skip to main content

How To Disable Right Click Of Website / Blog Image

Blogger has amazing feature to customize your blogger's default templates according to ourselves. If you have a little bit knowledge of html programming then you can easily customize your blog according to you.  By editing blogger template, you can everything with your blog. You can redesign and give attractive looks to your blog also.

When you write something for your blog, many of you designed images for your blog also. If you want to protect your image or if you wish to do not allow others to save your image directly from webpage, you can simply disable right click on your image. 

Here, I will show you how to disable right click on an image on blogger. After disabling right click, right click button of the mouse won't work on that particular image. In this way you protect your image from direct copying. 

For disabling right click no need to add a java script in your template. There is an attribute of image which help you to disable right click on an image. Many of you know the attribute, but very less people use it. Do you remember that attribute? OK, I will tell you "oncontextmenu".

Important Note:- Before doing customization of your blogger's default template, take Back-up of your template and your blog's data so that if you make any major mistake, you can easily restore your original template as well as your blog's data.

 How To Download Blogger Template

 How To Download Blogger Data



To disable right click on an image just follow the below steps.


Step 1. Login to your blogger account
Step 2. Click Edit against any posts that you have published already. Or you can do it for new post also.
Step 3. Click HTML near compose to switch to html mode for that post
Step 4. Find image tag <img in the html code
Step 5. Now you need to insert the below attributes 

oncontextmenu="return false"   just after <img 

For example 

<img oncontextmenu="return false" border="0" src="http://3.bp.blogspot.com/-ZTPtTn-ESY4/UwsMrBQoIoI/AAAAAAAAHKg/Wa0h46zkFg8/s1600/DisableRightClickonBloggerImage0.png" oncontextmenu="return false" />

Step 6. Now click Update to update the post.

Here is a video for your help. Watch This Video


Thanks for reading the post. Let me know whether you have experienced this tips. Also let others to experience this feature by sharing this post on your social networks.


Comments