Genuine Bloggers often do tireless job of searching,creating and designing fresh content for their blogs. But on the other hand Newbie Bloggers always try to find the backdoor entry for success in blogging. Which spurs them to just google the keywords and copy paste the content of Genuine bloggers from their blogs.Due to such pirated acts of data stealing it becomes hard for the True bloggers to maintain good rank in google search engine optimization.Keeping in view these hurdles I am suggesting a way out to protect their post data from copying by disabling right clicks and selection cum data copying.Hence Bloggers can implement following java script code to protect their post's data from being selected and copied through either right click of the mouse or through Ctrl + A and Ctrl + C.
Let us see the code and learn how to implement that java script code in our blog posts.
1. Log in to Blogger Account.
2.From Dashboard ,Open Theme option.
3.Then Opt for edit Html option.
4. Now in html editor just click anywhere in the code.
5. Now open search option by pressing ctrl + F command.
6.Paste the given content their in the search box : ]]></b:skin>
7. Now just above the ( ]]></b:skin> ) this part of the code paste the following Js code:
/*—– Disable Text Selection with CSS Code by TB—-*/
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}
8.Now save the changes in the theme template.
9.Job of data protection from selection and copying is done.you can check by opening blog post and try to copy the content.
In case if you are not able to copy the code form the code window due to disabling of right click and copying command , then you can download the file containing the same java script from the following download link:
Enabling Copy option for code snippets
If you want to share html,js,css or any other language codes with your viewers through code snippet,in that case you have to allow them right click and copy option only from the code snippet window and for that you can use following css code in html editor section of your theme.Just scroll and locate b skin tag and place this code just above it.
/*enable copy from code snippet in pre tags -starts here*/
.post-body blockquote, .post-body pre, .post-body code {
user-select: text !important;
-webkit-user-select: text !important;
-ms-user-select: text !important;
-moz-user-select: text !important;
}
/*enable copy from code snippet in pre tags- ends here*/
0 Comments