How to Disable Text Selection for Blogger Blog

Most bloggers do this trick to make text unselectable which they believe as the best way to prevent text from being copied from a live page using the right-click context menu shortcut keys. This can be implemented using only by CSS, by applying the following CSS definitions to the element that you want text selection disabled in your blog. To disable all text selection on your blog you must put this code on your blog html inside ]]></b:skin> tag of your blog.

Disabling doesn’t mean that you are trying to be selfish with your content. As what I have said, this is a form of piracy and as much as possible, you don’t want your contents be pirated. You efforts matter the most in blogging and that is why I am teaching you this method. You will surely learn a lot of techniques in protecting your contents by reading more from this blog.

You may be interested also this Disabling Right Click on Images and disabling Drag and Drop options on your blog that may also help to prevent useful articles with your blog to be copied by others. Prevention is better than cure, so let’s prevent our blog post duplication as early as possible.

Here's How to Disable Text Selection on your Blog

1. Log in to your blogger dashboard and Click on Template
2. Now click on Edit HTML>> Unfold code ►<b:skin>--</b:skin>
3. Now find for the ]]></b:skin> code using CTRL+F then place the code below just above it

-webkit-user-select: -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;

Example, if you want to disable text selection in Blogger posts, then the code is:

.post {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}

Works on Firefox, Safari, Chrome and IE10+. For IE9 and below, use onselectstart='return false' event handler, see II).

5. Click "Save" and your done.

To Re-enable Text Selection on Your Blog

What if you want to allow copying in some parts of your post. Say you post some codes (like I do) for readers to copy, then it doesn’t make sense if they can't select to copy it right? Fortunately you can restore text selection, by simply deleting the code you pasted on your blog skin.

1. Log in to your blogger dashboard and Click on Template
2. Now click on Edit HTML>> Unfold code ►<b:skin>--</b:skin>
3. Now find for the ]]></b:skin> code using CTRL+F then search and delete the code you added above to disable blog text selection.
5. Click "Save" and your done.

Note: If you have further questions and suggestions about how to disable text selection just comment below, thanks