Hello, Bloggers! Welcome to Raghavendra Technic.
Copy-pasting is a well-known online fraud done by many people on different kinds of documents to save time. This is also used in blogging and in other places as well. These are some simple techniques you could use to disable copy-pasting in your blog and increase security.
Here is a simple technique for disabling copy-paste in blogger faster. Some people seem to not even know how to explain this. Statistics show that about 20% of the content online is plagiarized from one source or another.
Have you ever thought that while copy-pasting some content from the web page, it might be good to disable the copy-paste feature blogger? If yes, then this article is something for you. It tells you how to Protect text in blogger faster, and I assure you that after going through this article, at least 80% of your problems related to copying pasting would have been solved.
What are the Benefits of Protect text in blogger?
- Increase your Users visibility
- Lower your bounce rate
- Help in Adsense during invalid activity
- Save time & effort
- Help in ranking
- Protect your article from copywriters
How to Protect text
Important!Before we start adding codes in XML, I will recommend you to take a Backup of your current theme. By chance if any problem occurs, you can restore it later.
Step 1: First of all Login to your Blogger Dashboard.
Step 2: On Blogger Dashboard, click Theme.
Step 3: Click the arrow down icon next to 'customize' button.
Step 4: Click Edit HTML, you will be redirected to editing page.
Step 5: Now search the code ]]></b:skin> and paste the following CSS Codes just above to it.
/* Copy Protected by (T_MK) */ .copy-overlay{top: 0;left: 0;width: 100%;height: 100%; background:var(--blurB); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);position: fixed;z-index: 1500;display: none;}.protect_alert{box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #fff;width: 300px;height: 100px;z-index: 2000;margin: auto;border-radius: 10px;padding: 0px 10px 0px 10px;display: none;}.protect_alert span{font-size: 14px;width: 300px;height: 100px;display: table-cell;vertical-align: middle;text-align: center;color:black}Step 6: Now search the code <body> and paste the following Codes just below to it.
<!--[ Proctect text ]-->
<div class='copy-overlay'></div>
<div class='protect_alert'>
<span>Do not Copy My Post Or Any Text!</span></div>
Step 7: Now search the code </body> and paste the following Codes just above to it.
<script>/*<![CDATA[*/ /* Protect text */ const copyOverlay = document.querySelector('.copy-overlay')
const protectAlert = document.querySelector('.protect_alert')
window.addEventListener('copy',(e)=>{
e.preventDefault();
copyOverlay.style.display = "block";
protectAlert.style.display = "block";})
copyOverlay.addEventListener('click',()=>{copyOverlay.style.display = "none";
protectAlert.style.display = "none";}) /*]]>*/</script>Step 8: Now click on Save by clicking this icon
Step 9: That's done!
Conclusion
In this article I have made a tutorial on How to Protect text in blogger. I hope you have liked it and Please do share with your friends and follow our blog for more
If you face any problems in code or have any questions please feel free to ask in comments section or join our Telegram Group for discussion.
Our All Posts Are Protected By DMCA. So Don't Try To Copy Our Posts And Reproduction In Any Way Is Strictly Prohibited! Or else Legal Actions Will Be Taken. © Raghavendra Technic | All Rights Reserved
© Copyright:
raghavendratechnic.blogspot.com