How to Disable Right Clicking Option in Blogger Blogs

Its becoming a Major issue for all the bloggers to protect their content from Content thefts who easily copy & paste the content on there blog without giving any credit.

One of the Way via which these content theft actually copy the content is Directly Right clicking and Copying the content, So a Simple right click is enough for them.



So One of the way to stop this content thefts from copying our Content is to prevent right clicking on the blog.
On Blogger Blog Disabling Right Click has Become very simple, i.e you just need to follow the following steps to do that…

How to Disable Right Click On Blogger (Blogspot)

1. Go to Blogger.com & Sign in to your Account.
2. Now Navigate to Design –> Page Elements (On the Blog where you want to Disable Right Click)
3. Over There Click On Add a Gadget & In the Pop-up Select “Html/JavaScript” and cop & paste the following code in it & finally Save the Gadget.

<script language=javascript>
<!--
//Code generated by Sarvesh
//http://www.blogisblogging.com/
//Code starts here
-->
    var message = "Right Click Disabled";
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; }
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } }
    document.onmousedown = rtclickcheck;
</script><script language="JavaScript">
<!--
//Code generated by Sarvesh
//http://www.blogisblogging.com/
//Code starts here
var message="Right Click 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||e.which==4||e.which==5){
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")
// code ends here—>
</script>
<script language="JavaScript">
<!--
var message="Right Click 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||e.which==4||e.which==5){
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")
// code ends here—>
</script>

You will Get Following Pop-Up if you try Right Clicking after saving the above Blogger Widget in your Blogger(Blogspot) Blog Dashboard.

Instead of “Right Click Disabled” text message you can Display any other message.

How to Remove the Blogger (Blogspot) Navbar

Blogger Templates have a navbar on the top. This navbar looks very unprofessional but you can always remove this navbar by tweaking the HTML codes, this thing people don’t know i.e How to Remove the Blogger Navbar…Below is the bit by bit method how to do it.

Sign in to Blogger

Step 1: Sign in to your blogger account and go to Design

Edit the HTML Code

Step 2: Add the below html code just beneath “/* Variables” as specified in the below picture :

#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}

Save the Changes

Step 3: Save the changes and refresh your blog, you will see that the navbar is removed. If you want the navbar to be shown again you can always undo the changes you just made.