How to Disable Right Click and Image Selection in Blogger Homepage and Post Page Images?

You might think about how to disable right-click on one of your paid specific images only? But what is the reason behind this?

The main issue: you spend several hours creating the wonderful graphic for your website, only to get it stolen two days later by some jerk! There must be a way to retaliate!

There seems to be... do not post your personal stuff on the internet.

Is there any better advice than that?

Or perhaps in a nutshell, yes and no. Yes, there are initiatives you can really do, but they aren't as effective as you would believe.

Disabling right-clicking is the most basic and widely used security. You can try to use right-click on this blog post image. I am sure you'll be blocked in most browsers.

It's important to consider that the "no right-click" protection has several flaws... people can always glance at the source code of the website, find the image's URL, and save it to their personal computer.

Myth Busted: Is It a Matter of Data Protection?

During a recent discussion with a user, the topic of data security came up, and a major question arose: are images covered by the Data Protection Act? 

What are you seeking to do by disabling the right-click? 

The trouble with any strategy is that it can still be circumvented. Unbinding of the event is possible in the Google Chrome and in Firefox consoles. Alternatively, if you wish the image to be secured, you can still search in their temporary cache for the pictures.

However, in this article, we will show you the way to protect your specific and entire blog image. And these tricks can be applied in both Blogger and WordPress theme.

How to Disable Right-click on One Specific Image Only?

You may not have any concern about all your blog images, but you would like to disable right click on a specific image. Even you can add an alert message upon right-click on a specific picture. Then you can follow this tutorial.

If you would like to disable the right-click on a specific image then you can use the below method. If you are using the blogger platform then you can switch to HTML view and add the code on any specific image.

In the below example, you can add an alert message to those who want to make right-click on your post image.

You may want to show the alert messages in several row then you can use the script like below:

After right click alert message showing on a specific blog image

How To Disable Right Click On Blog Images in Blogger Homepage Only?

Now we will show you how to disable right-clicking on Blogger blog images and photos using JavaScript. After applying this trick user can click on the image to visit the content but they won't able to use right-click function. Often bloggers post such awesome paid stock images and some poopiehead swipes without any permission.

By using this script, you can protect your blog graphics from stealing your images. Generally, people use the right mouse key. Right-click on the picture and save it. After injecting this script right click will not work on your blog pictures.

Disabled the right-click on the blogger homepage images

Also, you can also set a warning message to the blog images. When someone will right-click on it then it will display.

Please follow the below steps to activate this feature in the Blogger theme.

<script type='text/javascript'>//<![CDATA[
/* Widget Script by https://www.bloggerspice.com/ */
function nocontext(e) {var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;if (clickedTag == "IMG") {return false;}}document.oncontextmenu = nocontext;//]]></script>

<script type='text/javascript'>
//<![CDATA[
/* Widget Script by https://www.bloggerspice.com/ */
    function nocontext(e) {
        var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
        if (clickedTag == "IMG") {
            alert(alertMsg);
            return false;
        }
    }
    var alertMsg = "Don't Dare to copy Our images. ";
    document.oncontextmenu = nocontext;
//]]>
</script>

/* Widget Script by https://www.bloggerspice.com/ */
.Blog .post-entry 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
}