How to Disable Download of Images in Blogger and WordPress

 

Hi to all, in this article I am going to tell you all about how to disable download of images in blogger and WordPress easily in just few minutes.

After the implementation of this trick, no one can download the image or save the image to their computer by right click on the image.

So, read the below provided steps carefully to get clear understanding about disabling download of images in blogger and WordPress website easily without any error or issue.

First I will tell you how to disable download of images in WordPress websites on right click

First of all you need to login to your WordPress website dashboard by using your login credentials.

Now you need to click on Appearance and then click on customize.

Here you will see Additional CSS, now you need to click on it and you need to add small line of CSS code inside it.

Now copy below provided CSS code and paste it inside the Additional CSS.

img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}  
-webkit-tap-highlight-color:rgba(255, 255, 255, 0);}

After adding the CSS code, you need to click on Publish.

Now you have successfully disabled download of images in WordPress websites.

Now I am going to tell you how to disable download of images in Blogger websites on right click

First of all you need to login to your blogger website dashboard by using you login credentials.

To implement the disabling inside your blogger website, you need to add a simple CSS code inside your blogger theme editor and to open it you need to follow the below path:

Blogger dashboard -> Click on theme section -> Click on arrow icon -> Click on Edit HTML -> Blogger theme Editor.

Now you need to click on screen and press CTRL +F and then you need to search for ]]></b:skin>.

Now you need to copy below provided CSS code.

img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}  
-webkit-tap-highlight-color:rgba(255, 255, 255, 0);}

Now paste the copied CSS code just above ]]></b:skin>.

After adding the code, you need to click on save icon to save the entire code inside your theme editor.

Now you have successfully disabled download of images in Blogger websites.

Conclusion

I hope that you all have understood about disabling download of images in blogger website and WordPress website easily by using a simple CSS code.