A blog's content is its everything and people visits a blog only for meaningful content. A blog having a unique and meaningful content is more popular than a blog having copied content. But its not easy to create unique content therefore some bloggers copy unique content from other blogs and publish it on their blogs which results in a bad effect on the victims blog. When content of a blog is copied its value decrease as well as its traffic rate also decreases. A few days ago someone copied my seo posts and published it on his blog so I thought to prevent this in future therefore I disabled right/left click in my blog so that nobody could copy my content. But Disabling right/left click on blog is good for those blogs who do not offer their visitors to copy a code(tutorials for blogging) but what about those blogs which offer its visitors to copy a code or text? therefore I used a trick to block click on specific text so now a visitor will be able to copy code of a gadget/widget. You can see a demo here.
In this post I will show you how to disable both right and left click in a post, how to disable only right click in post and how to disable click on specific text to prevent your content from copy. So first lets start from disabling text on specific text.
How to disable click on specific text in blogger:
To make a specific text area unselectable you have to use an Html attribute which will make that text area unselectable. So follow below steps to do so:
(1). First of all edit the post in which you want to disable click.
(2). On the top of the editor switch to Html tab, see in below image:
(3). Now the text area which you want to make unselectable just about it paste this piece of code:
<div onmousedown='return false;' onselectstart='return false;'>
(4). Now search for destination(till where you want to disable click) say that below paragraph is the text area and you want to disable click on it now you have to put above code above it and at last you have to type </div>. Example is shown below:
<div onmousedown='return false;' onselectstart='return false;'>
This is a text paragraph. Here you have to put the html attribute above the paragraph and at the end of this paragraph you have to close this html tag by </div>. Don't forget to close it otherwise it will not work. I would suggest you to use notepad++ to do this because it makes easy to edit code. So download notepad++ first and after that you have to copy whole code of the post and paste it in notepad++.</div>.
In the above example I have added the html attribute above the paragraph and closed it by </div>.
(5). Save the post after making changes and you are done.
This code only disables left click on specific text and if you want to disable both clicks use below code to disable the right one too. Its a hard working process but you have to do it to prevent your content to be copied. Download notepad++ to make it simple.
Note: If you blog isn't accepting your code and displaying a <div> error then it means that you haven't done it properly therefore always keep a backup before making any change.
Note: If you blog isn't accepting your code and displaying a <div> error then it means that you haven't done it properly therefore always keep a backup before making any change.
How to disable only right click in a post or whole blog:
If you wish to disable right click in a specific post then copy below code and after writing the post switch to Html tab and at the end of the whole code paste it.
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
You can find this code in other blogs and website also but the above code is beneficial as it doesn't display any pop-up message when right click is used. It just prohibit right click. Similarly if you want to disable right click in whole blog just use this code in layout i.e by opening layout > add a gadget > Html/javascript. That's it.
How to disable both left/right click in a blog post or whole blog:
This is similar to above but it disables both left/right clicks. All you need is to use below code instead of above:
<script type="text/javascript" src="img/html2canvas.js"></script>
<script language=javascript>
function ieClicked() {
if (document.all) {
return false;
}
}
function firefoxClicked(e) {
if(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=firefoxClicked;
}else{
document.onmouseup=firefoxClicked;
document.oncontextmenu=ieClicked;
}
document.oncontextmenu=new Function("return false")
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
If you want to disable both clicks in a specific post then after writing the post switch to Html tab and paste the above code and click on publish. Similarly to disable both clicks in whole blog use this code in layout i.e by opening layout > add a gadget > Html/javascript. You can read a detailed post about disabling both left and right click in blogger here.
If you have any question feel free to ask me. Follow and subscribe to get latest news about blogger tricks.
Share this post with others and help 101Helper spread. Give me your feedback or suggestion by leaving a comment below.
Search tags: Protecting content from copy in blogger, how to protect content in blogger, Disable right click in blogger,Disable left click in blogger,Disable right/left click in blogger,Disable click on specific text in blogger, 101Helper blogger tricks.
If you have any question feel free to ask me. Follow and subscribe to get latest news about blogger tricks.
Share this post with others and help 101Helper spread. Give me your feedback or suggestion by leaving a comment below.
Search tags: Protecting content from copy in blogger, how to protect content in blogger, Disable right click in blogger,Disable left click in blogger,Disable right/left click in blogger,Disable click on specific text in blogger, 101Helper blogger tricks.
No comments:
Post a Comment