How to Disable Text Copying Using Pure CSS in Blogger
Before following these steps, we recommend you take a backup of your Blogger template. In case any mistakes are made, you can undo the changes using the backup.
Step 1:
सबसे पहले अपने Blogger Dashboard पर लॉगिन करें। (Log in to your Blogger Dashboard).
Step 2:
अपने Blogger Dashboard में, 'Theme' पर क्लिक करें। (In your Blogger Dashboard, click on 'Theme').
Step 3:
'Customize' बटन के पास स्थित नीचे की ओर तीर आइकन पर क्लिक करें। (Click on the downward arrow icon next to the 'Customize' button).
Step 4:
'Edit HTML' पर क्लिक करें, और आप Theme Editing Page पर रीडायरेक्ट हो जाएंगे। (Click on 'Edit HTML', and you will be redirected to the Theme Editing Page).
Step 5:
अब, ]]> को खोजें और निम्नलिखित CSS को उसके ठीक ऊपर पेस्ट करें, या आप <style> </style> टैग्स बनाकर इसे </head> से ठीक ऊपर पेस्ट कर सकते हैं।
/* Disable Copy by ssrtechblog */
body {
user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
/* Enable copy on pre and code tags */
pre, code {
user-select: text;
-moz-user-select: text;
-ms-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-webkit-touch-callout: text;
}
<script>
document.addEventListener('copy', function (e) {
e.preventDefault(); // Prevent copying
alert('SSRTECHBLOG: No copy content allowed!');
});
</script>
Step 6:
अब, अपनी Theme को सेव करें। (Now, save your theme).