Skip to main content

Simple Method to disable images on Blogspot/e-commerce website being copied

Preventing visitors from downloading your images, Stopping images from being copied or downloaded, How To Protect Your Website From Image Theft, and disabling the right-click function on the particular product in an e-commerce website on Blogspot blogger.

Let's say you own an e-commerce business. You post portfolio photos on your website. 

Now, another person who is also business-minded and wants to run a similar e-commerce store by using your photos. 

Chances are, he may copy some of your photos to sell online or plagiarise all of your photos to sell online. 

Let's suppose this person knows the nuts and bolts of SEO, i.e. search engine optimisation. 

Now, the same product is sold by you and is sold by your imposter. Who do you think will rank one in the Google search results? 

The person who knows SEO is very likely to perform well in the Google search results and the product would be sold by him. 

How do you go about it?

Image theft is a real issue. The owner of the image should be given proper credit before using it anywhere else. 

But what can be done when other people copy your images for personal or commercial use?

Today, I am going to tell you how you can save your images from being copied. How you can prevent the pictures used on your website from getting plagiarized by someone else?

This method of preventing images on a website from being copied will disable the right-click and save as an option for the visitor.

Moreover, this will communicate with the user of the website and tell that the option of copying an image is not allowed. This is the property of a dynamic website.

Here another problem arises for E-Commerce businesses.

Suppose the customer wants to communicate his concern or query about a product, how will he download the product image and share his concern with the executives?

Well, there are two solutions to this problem

None of the solutions will require the download of the product image and sharing it with customer service.

This is possible by having a distinct product number for every product. So that both parties are aware of which product is being talked about.

Another solution that would not require the download of the item image by the user is the screenshot method where the user can share the screen print of the product with the customer service department. In this method, the screenshot quality is not the same as that of the download quality of the image. 

Hence the user can easily speak about the product to the customer service department.

To achieve this whole thing we would need the help of a JavaScript code. 

JavaScript code in an e-commerce website or Blogger/Blogspot for photo prevention 

We can use this JavaScript code in two ways

1) on a particular post where I do not want visitors to copy the images from my e-commerce/Blogspot website or,

2) on the whole e-commerce/blogger website if you want to disable the copying of your images

How to achieve blocking of images on an e-commerce/Blogspot website from being copied

1) Copy the below code and paste it into the HTML format of the particular post before publishing it


<script language=JavaScript>

<!--

//Disable right mouse click Script

var message="Function Disabled!";

///////////////////////////////////

function clickIE4(){

if (event.button==2){

alert(message);

return false;}}

function clickNS4(e){

if (document.layers||document.getElementById&&!document.all){

if (e.which==2||e.which==3){

alert(message);

return false;}}}

if (document.layers){

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown=clickNS4;}

else if (document.all&&!document.getElementById){

document.onmousedown=clickIE4;

}document.oncontextmenu=new Function("alert(message);return false")

// -->

</script>


2) or add a new gadget from the layout in the blogger website and paste it into the HTML/JavaScript gadget, to prevent the download of your blogspot image.

Try it yourself: The challenge 

We challenge you if you can download/copy-paste the below blogger image in the same pixels. You can't copy-paste this image as we have put the JavaScript code on this post.

Try for yourself.
Disable right click save image as function, Preventing visitors from downloading your images, Stopping images being copied or downloaded

I have found this feature of disabling image of theft on Tutorials by Catalyst| Ai YouTube channel.

Does this disabling of image from being copied or downloaded works on mobile as well as laptop too?

Yes it does. On any screen if you would try to download this image you would not be able to do so because of the JavaScript code we have put to disable the image from being copied on e-commerce/ blogspot website.

Comments

Popular posts from this blog

ACON bridge Infosys questions and eligibility 2024

Associate Consultant questions About ACON Associate Consultant Bridge is one of the flagship programs at Infosys which allows employees to make significant career shifts from Technology to Consulting space. It is a detailed course on the key fundamentals of Process and Domain Consulting. An employee shortlisted for this Bridge Program will build on strong foundations and learn how consulting helps in different phases of the project including problem definition, effort estimation, diagnosis, solution generation, design and deployment and participate in unit-level and organizational initiatives.  Such employees develop an advanced domain knowledge to provide high quality and value-adding consulting solutions to Infosys clients! Who is eligible for ACON Bridge? There are several parameters to determine eligibility for ACON Bridge. The bridge team determines the final eligibility, and these employees can nominate themselves on the LnC portal. Some of the parameters are given below Ra...

Infosys Job Roles designation | Systems Engineer, Testing and Consulting

There are mainly four career branch/ stream with Infosys. Delivery Architecture Testing Consultancy Pranoy Match Delivery to Consulting  hierarchy in Infosys Operations Executive -> Systems Engineer-> Senior Systems Engineer-> Technical Analyst-> Technical Lead-> Technical Architect/Project Manager-> Senior Technical Architect/SPM-> Principal Consultant/GPM.  The variation could be understood if we take a look at different streams at Infosys. What is job level 6 in Infosys? This is the mid management level in Infosys. In delivery, following roles are mapped to JL 6: Project Manager Senior Project Manager Group Project Manager In Consultancy, following roles fall under job level 6: Lead Consultant Principal Consultant In technical stream, following roles fall under JL6: Lead Architect Senior Architect Note: there are sub levels in JL6 and these are mapped to different sub levels. Consulting hierarchy at Infosys  Consultants are either MBA graduates or ...

कबीर तू का तू | Tu ka tu Lyrics

Tu ka tu Lyrics| तू का तू इनका भेद बता मेरे अवधू अच्छी करनी कर ले तू डाली फूल जगत के माही जहाँ देखा वहां तू का तू हाथी में हाथी बन बैठो चींटी में है छोटो तू होय महावत ऊपर बैठे हांकन वाला तू का तू चोरों के संग चोरी करता बदमाशों में भेड़ो तू चोरी करके तू भग जावे पकड़ने वाला तू का तू दाता के संग दाता बन जावे भिखारी में भेड़ो तू मंगतों होकर मांगन लागे देने वाला तू का तू नर नारी में एक विराजे दो दुनिया में दिसे क्यूँ बालक होकर रोवन लागे राखन वाला तू का तू जल थल जीव में तू ही विराजे जहाँ देखूं वहां तू का तू कहें कबीर सुनो भाई साधो गुरु मिला है ज्यों का त्यों Tu ka tu English lyrics Inaka Bhed Bata Mere Avadhu Achi Karni Kar Le Tu Dali Phool Jagat Ke Mahi Jahan Dekha Vahan Tu ka tu Hati Me Hati Ban Baitho Chinti Me Hain Chhoto Tu Hoy Mahavat upar Baithe Haankan Vala Tu ka tu Choron Ke Sang Chori Karta Badamaashon Mein Bhedo Tu Chori Karke Tu Bhag Jaave Pakadane wala Tu ka tu Data Ke Sang Data Ban Jave Bhikhari Mein Bhedon Tu Mangto Hokar Mangan Lage Dene wala Tu ka tu Nar Nari Mein Ek Viraje Do...