Every Blogger want it to prevent users or other bloggers from copying their content. Its Frustrating when people copy your blog post or image and pass it off as their own. They don't give credit, no backlink. Worse condition is still when the stolen content ranks higher than original content in search result. Few bloggers do lots of efforts by researching and writing great article for their blog. All the hard work go to drain when someone stolen your blog content.
By the following ways people adopt to copy any blog content. Some of the techniques are copy-past, drag-drop, copy from RSS feed and source code.
How to Prevent Copying your Blog Content
1. Disable text selection : This method works fine to prevent text selection on blog page. Anyone who visit your blog unable to select any text and fails to copy it. This can be implemented using only CSS, by applying the following CSS definitions to the element that you want text selection disabled.
To disable text selection in blog, follow these steps
(a). Login to Blogger Account.
(b). Go to Template > Customise > Advanced > Add CSS
(c). Copy and paste this code
.post {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}
(d). Click on Apply to blog. Its done...
Note : If you want to allow copying some parts of your post. Fortunately you can restore text selection, by applying the same CSS definition to the element and replacing the value "none" with text. Let's say i want to put a line to being copy by users like "babsite is useful", i can use CSS definition like this.
.post babsite is useful {-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}
2. Disable drag and drop : You can disable drag and drop for both text as well as images.
To disable drag and drop inside blogger posts, follow these steps :
(a). Log in to Blogger account.
(b). Go to template > Edit HTML and click anywhere inside the editor.
(C). Press Ctrl + F to find and a search box should appear on the upper right corner of the editor.
(d). Now search for this code <b:includable id='post' var='post'> and expand it by click on arrow tip on the left of that line.
(e). On expanding, the second line should look something like this.
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
(f). Replace the above code with the code given below
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting' ondragstart='return false' onselectstart='return false'>
(g). Now click on save.
3. Disable right click : Disabling right click or context menu is one of the most popular way to prevent images from being stolen from a blog.
(a) Disable right click on all images: Go to template > Edit HTML and paste the following script right after the </head> tag.
<script type="text/javascript">
//<![CDATA[
function nocontext(e) {
var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
if (clickedTag == "IMG") {
alert(alertMsg);
return false;
}
}
var alertMsg = "Image context menu is disabled";
document.oncontextmenu = nocontext;
//]]>
</script>
Note : You can replace the message whatever you like. just replace this line Image context menu is disabled.
If you dont prefer to show the alert box just add // ahead like this //var alertMsg = "Image context menu is disabled";
(b) Disable right click on a single image : To disable context menu on a single image you need to add this piece of code. Log in blogger account and click on posts. Open any post and click on HTML, locate the img tag of the image you want to disable right click. Insert the code inside the tag like this.
<img oncontextmenu='alert("Image context menu is disabled");return false;' border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHYlZbLVZ8i-FXRsqjWO7E4M9zCMKIXhfrFiLCHKEnaDqRl4VQePzoivwqupokmLHeUjgrICdc8YoYB5h2gAwZguHA6dYhQ_P29sUc1w210wglxKluhngvk_0RSWffuG6uckZVsrVjeg_v/s1600/2008_10260151.JPG" />
Download this code
(c) Disable right click on all pages : This code prevent users from being click right on your blog Posts. Follow these steps to disable right click on all pages.
Go to Dashboard > Layout > Add Gadget > HTML/JavaScript. Now copy the code given below and paste it. Finally click on save the html/javascript and view your blog.
<script language=JavaScript>
<!--
//Disable right mouse click Script
//By Digital Adda
//For full source code, visit http://www.baatkar.com
var message="Function Disabled!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
4. Shorten RSS feeds: To prevent feed from being copied in full, offer only partial or short feed instead of full feed.
To shorten your blog feed, go to Dashboard > Settings > other > site feed > Allow Blog feed and select short or until jump.
