How to Disable Copying Text using pure CSS In blogger Site

Disable Copying Text

Let's Do a Demo Here...!

View Demo

Step 1: First of all Login to your Blogger Dashboard.

Step 2: On your  Blogger Dashboard, Click 'Theme'. 

Step 3: Click on the arrow down Icon next to 'Customize' Button.

Step 4: Click on Edit HTML, you will be redirected to Theme Editing Page.

Step 5: Then Find ]]></b:skin> and paste the following CSS just above it or you can paste the following CSS just above </head> by creating <style> </style> tags.

/* Disable Copy by ᗩᗷᗪᑌᒪᒪᗩᕼ ᑕᗝᗪᗴᗪ*/ 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}

Step 6: Now click on the Save Icon to save HTML.

BENEFITS

1. Using CSS code we eliminate this factor as user usually can not disable the CSS. However, an experienced user can do it simply by inspecting elements and finding our CSS code snippet then delete it in browser but this task is far away from newbies. Experienced users rarely do that.

2. CSS codes are far better than JavaScripts as they do not lower the speed of your blog/website where JavaScript codes consume much time to load and make your blog load speed very low and overall you lose Visitors=Money. Avoid using JavaScripts.

Conclusion

This is all about making a Contact Form using Telegram Bot API. I hope you enjoy this article. Please do share this article. And if you are facing problem in any section or you have any question then ask us in comment box.

Copyright ©

ᗩᗷᗪᑌᒪᒪᗩᕼ ᑕᗝᗪᗴᗪ