How to Disable Text Selection In Blogger Posts

Hello and Welcome to GetWebInfo. Here on this Post i will tell you that How to Disable Text Selection In Blogger Posts. To avoid your posts from being stolen by test selection in blogger and pasting it to their websites, we use the code to make sure we block them to make work hard for them. To disable text selection in blogger, we have to use some CSS functions that specify what will be selected and what will not want people to steal content from. We also have Javascript code to disable text selection feature but it blocks all text including blockquotes. From this step you can save your template data easily without copy,paste issue..




How to Disable Text Selection In Blogger Posts with CSS

To Disable the Blogger post from supporting highliting, add the below code as instructed below.

Step 01: First of All Login to your Blogger Account and Access to Dashboard

Step 02: Navigate to Template right sidebar option

Step 03: Click Edit HTML

Step 04: Click anywhere in the code and press "CTRL+F"

Step 05: When the search box appeared in blogger HTML mode then Just Type out there is ]]></b:skin> 

Step 06: After finding the desire code just paste CSS above ]]></b:skin>Above it.

body {-webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}


When you add the above code in your CSS part and save your template. 


Disable Text Selection Excluding Blockquote and Codes In Blogger

The CSS below will allow users to copy the content in the blockquote or in code form. That's for people who provide code detail to blog visitors. Copy the below CSS and use the same procedure as the one used in the first example.


body {
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;}
blockquote {-webkit-touch-callout: text; Except Blockqoute-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
-webkit-user-select: text;}
.post code {-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}


That's all you need, use the code above save changes and load your website and try to see if any text will be selected. If it doesn't select, then you are good to go and your blogger users will be safe from plagiarism. If you would like to use the javascript code instead, follow the below steps. 

How to Disable text Highlighting Selection in Blogger with JavaScript 

The Blogger JavaScript code to disable text highliting is as attached below use it in your blogger blog follow these easy and simple steps...

Step 01: Log in to your Blogger Dashboard 

Step 02: Click on Your Blogger Layout Section

Step 03: Then click on Add a New Gadget

Step 04: Choose HTML/JavaScript option and add the below JavaScript code

 <script type="text/javascript">
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

Step 05: After Putting this code to Blogger HTML widget just Save Your Template and You can All Don!! I Hope this article is really helpful for you and if you don't get any type of benefit from this post so please tell us. Thanks for Reading..........