How to Disable Post Selection in Blogger Blog andrey среда, 24 июня 2015 г. No Comment

Copy and paste trend increasing day by day, there many newbies who create a blog and start copying contents from other blogs and paste on their blog. Google already started to penalize these kind sites and include it spam category. Google usually ignores these kind sites, but some time creates problems for your blog too. So, this always important to petrol your blog from spammers. You can get rid your blog from these kind people, if you disable the mouse selection function on your blog posts. I already included this hack in my blog and I want to share with you how to disable mouse selection on blogger blog with help of CSS.

Disable Text Selection in Blogge

How to Disable Post Selection in Blogger Blog

We do this job by using CSS or JavaScript, but JavaScript makes a blog very heavy and take more time in loading and CSS is more compatible for it. So, we only use CSS coding to prevent blog posts from the selection. Follow the below steps.
1. Login your blogger account.
2. Now click on Edit HTML>> Unfold code ><b:skin>--</b:skin>
3. Now find for the ]]></b:skin> code using CTRL+F then paste below code just above it.
body {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;  
}
4. Now save template and check the result. Hopefully it will be worked.

How re-enable blockquote and tables

The above code disable all the elements include images, tables and blockquote. If you're sharing some coding in your blog, then this code can also create problem for viewers, but no worry, you can leave blockquote and tables for selection. You just need to add below CSS code too.
.post blockquote,table{-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
The above CSS code allow to your visitors to copy the table and blockquote content.

Remember

The above code may not be working for every blog. If a blog template has different a class of CSS e.g. in some template used blockquote instead of .post blockquote. So, you needed to find out it and replace .post blockquote with it.
I hope you will be learned how disable the mouse selection in blogger blog. If you are facing any problem with this track, then share with us in the comment. Thank you, have a nice day.
Copy and paste trend increasing day by day, there many newbies who create a blog and start copying contents from other blogs and paste on their blog. Google already started to penalize these kind sites and include it spam category. Google usually ignores these kind sites, but some time creates problems for your blog too. So, this always important to petrol your blog from spammers. You can get rid your blog from these kind people, if you disable the mouse selection function on your blog posts. I already included this hack in my blog and I want to share with you how to disable mouse selection on blogger blog with help of CSS.

Disable Text Selection in Blogge

How to Disable Post Selection in Blogger Blog

We do this job by using CSS or JavaScript, but JavaScript makes a blog very heavy and take more time in loading and CSS is more compatible for it. So, we only use CSS coding to prevent blog posts from the selection. Follow the below steps.
1. Login your blogger account.
2. Now click on Edit HTML>> Unfold code ><b:skin>--</b:skin>
3. Now find for the ]]></b:skin> code using CTRL+F then paste below code just above it.
body {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;  
}
4. Now save template and check the result. Hopefully it will be worked.

How re-enable blockquote and tables

The above code disable all the elements include images, tables and blockquote. If you're sharing some coding in your blog, then this code can also create problem for viewers, but no worry, you can leave blockquote and tables for selection. You just need to add below CSS code too.
.post blockquote,table{-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
The above CSS code allow to your visitors to copy the table and blockquote content.

Remember

The above code may not be working for every blog. If a blog template has different a class of CSS e.g. in some template used blockquote instead of .post blockquote. So, you needed to find out it and replace .post blockquote with it.
I hope you will be learned how disable the mouse selection in blogger blog. If you are facing any problem with this track, then share with us in the comment. Thank you, have a nice day.
by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

No Comment