How to Disable Text Selection in Blogger Blog

The worst thing might happen when other blogger copied our content is when his copied article rank well in Google search engine compared to our original article. And when our newly published post is copied word by word and Google index it first.

In terms in indexing, we know that Google will not immediately index our blog post when we newly published it. Matt Cutts (head of Google's Webspam team) said on one of his videos on YouTube that one way how Google determine which one is the original post is through social media signal, if which post is shared first in social media sites like Facebook and Google+. It means Google implies to share our post on social media after we published it.

The main focus of this post is to prevent other bloggers copying our blog post by using CSS or JavaScript code on our blogger blog. We will protect it by disabling text selection of our blog. Because of the rising number of people who entering blogging as their source of income, some of our blog posts might be plagiarized by them. So it’s important to prevent this kind of practice.

Disable Text Selection except Blockquotes and Codes

Implementing on your blogger blog:

1. Go to your blogger dashboard
2. Click Template button
3. Click Edit HTML
4. Search this code ]]></b:skin>
5. Just before this (]]></b:skin>) code copy and paste the codes provided below

The codes below are allowing readers to copy the important codes on a blog while disallowing them to copy all the text. The codes below are important for those bloggers who are having a tutorial niche like this blog.

.post blockquote{-moz-user-select: text;-webkit-user-select: text;-ms-user-select: text;user-select: text;}
.post code {-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
body {-webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}

Note: If it's not necessary for you to allow your audience copying some of your text you may put only the codes below.

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

Disable Text Selection Using JavaScript

I will not recommend using JavaScript to disable the text selection on your blogger blog. Why? I have two reasons why we should not use JavaScript. First, JavaScript can slow down the load of our blogger blog on browsers. Second, JavaScript is useless when your readers disable the JavaScript on his browser.

Note: The codes given below will automatically disable text selection including the Blockquotes and Codes.

Implementing on your blogger blog:

1. Go to your blogger dashboard
2. Click Layout button
3. Click Add a Gadget
4. Select HTML/JavaScript
5. Paste the codes given below

<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>