How to Disable text selection in Blogger and enable it in some place

How to Disable text selection in Blogger and enable it in some place
Some days ago I published a post about disabling text selection of Blogger blogs with script codes. But serious bloggers found some problem with that text disabling system, and they asked me how to disable text selection in every place of blogs except for some place where text selection will stay enable. Do I have a solution for that? Well instantly I told them use CSS to do that. And I think now lots of people need that full length tutorial using CSS to disable all text of blogs and keep enable in some place. Read on:-

How to Disable text selection in Blogger and enable it in some place


The main idea of this disabling tutorial is; your blog's all text elements will be blocked expect for Blockquote area. Only Blockquote area will stay enabled for coping on specific words; in post when you put some text with Blockquote area those Blockquoted words will be only free to copy.

For doing this follow these steps:-
  • Log in to Blogger, Select your Blog
  • Go to ‘Template’ tab, Select ‘Edit HTML’
  • Search for (Using CTRL+F or CMD+F) into code snippet

body {

body { should be below

/* Content
----------------------------------------------- */

And within ]]><
  • Into body { bracket paste these codes

-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
  • Then; search again for

.post-body blockquote
  • Into .post-body blockquote { bracket paste these codes

-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
  • And Save template.

Some template may not contains .post-body blockquote that case you have to add it into your template; How to?
  • Search for ]]>< and paste these codes,

.post-body blockquote {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
  • Save template, Case closed!
  • And some template may not contains body { in that case search for .outer-wrapper instead.

If your blog’s default Mobile view enabled, in mobile devices your site’s text still can be copy, in that case you got to disable it too.
  • Search for

body.mobile  {


Should be below

 /* Mobile
----------------------------------------------- */
And within ]]><
  • Paste these codes

-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
  • And Save template.
After all these process you done successfully your template will not allow any text copy and when you writing/editing a post put those texts (what you decided to keep coping enable) in Blockquote. Simple.....

Any problem feedback thanks leave in comments. Chill.....

Popular posts from this blog

Add Cool Social Media Sharing icons below posts in Blogger

Easily Get 50000 free Backlink for your website

13 Best Forum CMS/Script to use

7 best CMS/script for building Social networking website

Read Download Stephen King's Novels ePub & Apk

Read Download ePub Harry Potter Books & Apk

10 Best Free Flash Editor software to use

12 best free Article Rewriter/Spinner you can use

Top 6 Best Alternatives to ZBIGZ

6 Best Local Web Server software