Prevent Copying Content From Your Blog
Step 1. Go to your Blogger Dashboard >> Template
Step 2. Click Edit HTML (always back -up your template)
Step 3. Find the code below in your Blogger template editor's page
]]></b:skin>Step 4. Just above the code in step 3, paste the code below
.post {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}Note: The code (step 4) above is responsible for enabling all the texts of your post not to be copied by your readers.
Step 5. Save your template and relax ;-)
Now, if you're sharing a set of codes to your readers like what I am doing in this blog and want only to enable my readers to copy the set of codes inside the blockquote. Then use the code below.
-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}
Note: Paste the above code inside your blockquote code, see example below
.post blockquote {Note: Still you need to paste the code in step 4 in order to disable copying the texts in your post but with the exception of the code/texts inside your blockquote.
background: #f2f1f1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXe_Xq6WfuP0pNM1Y9zdOTKe7KD0VeL1xXaodBIHlnK1tj13ZL0BhUw1xUMvSzmc2lw_vihS8LqVZcN2RKBT5En24L6H1jPoNqELH_rtfLMNygqE9m_crB9b2j7ZviQnBDQqeEUq0z5vY/s620/blockquote+2.png)no-repeat bottom center;
background-position: ;
margin: 0 5px;
padding: 10px 14px 51px 45px;
font-size: 0.5em;
font: normal 0.8em "Verdana",Arial, Georgia,Times, serif;
border-top: 1px solid #158aee;
border-right: 1px solid #158aee;
border-left: 1px solid #158aee;
border-bottom: 1px solid #158aee;
-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;
}
If you have questions or suggestions in this article, please leave it at ou comment box below
Peace Buddies! :-}

No comments:
Post a Comment