How To Disable Right Click On Blogger With IMages ? — Beginner's Guide - Fiolty

How To Disable Right Click On Blogger With IMages ? — Beginner's Guide

Disable Right Click On Blogger
Disable Right Click On Blogger

Want to disable right click on Blogger? if yes then This is the right place for you. in this tutorial we are going to Share two method to disable right click on Blogger. 

I hope Many people know that what is a right click Disabling in blogger and why we need to to disable right click on Blogger. if you don't know then let's discuss it first .

What is a right click Disabling on blogger? 

Normally most blogs keep the right click option enable to let there user navigate , copy , print, save and reload there web pages. But Sometimes the dirty minded people just visit your blog for copy pasting your content so to stop them copy pasting and to protect your blog , you have to disable right click on Blogger.

Why Should we need to disable right on Blogger?

Well, The Main reason of Disabling right click on Blogger is to protect blog from those people who copy paste your content. and it also affect on your blog seo sometimes your competitors get higher position then you even they copy your content that's why we need to disable right click on Blogger.

How to disable right click on Blogger?

There are two method to disable right click on Blogger choice is your which one you want to use i have shared the both.  CSS method and the javascript method . Multiple Javascript can slow down your website so i recommend you to try Css Method if it not work properly on your theme then try Javascript Method.

Method One — CSS 

For this method go to your Blogger Dashboard then Click on Edit Html then looking for  </head> tag and Paste the below CSS Code Just Above/Before the </head> tag.

<style>/* Disble Right Click Css By Fiolty.in *//* Text Select Disbale */body{user-select: none !important;-moz-user-select: -moz-none !important;-webkit-user-select: none !important;-ms-user-select: none !important;}/* Select All CSS */        code, pre, mark{-webkit-user-select:all !important;-khtml-user-select:all !important;-moz-user-select:all !important;-ms-user-select:all !important;user-select:all !important}/*  Disable Img Click */img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}</style>

Method Two — Javascript

For this method you have to copy the below javascript and paste it to just Above/Before the </head> tag. 

<!--[ Disable copy paste Script By Fiolty ]--><script src='demo-to-prevent-copy-paste-on-blogger_files/googleapis.js'/><script>if(typeof document.onselectstart!=&quot;undefined&quot; ) {document.onselectstart=new Function (&quot;return false&quot; ); } else{document.onmousedown=new Function (&quot;return false&quot; );document.onmouseup=new Function (&quot;return false&quot;); }</script>  <script>/*<![CDATA[*/// Create By Fiolty.in //var message="Right Click Has Been 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>

Conclusion 

Hey Buddy, I hope You like this tutorial if you want more tutorial like this or have any question related to disable right click on Blogger then feel free to ask . and don't forget to give 5 Star rating if it worked.

Rate the article ツ