728x90 AdSpace

Latest News

How to Make Blogger Blog Post Unselectable Using CSS?

Recent:
There are many sites which texts are not selectable because they protect their text by making it unselectable. There are several reasons to make blogger blog post unselectable but the main reason is to protect your content from the copy by others. There are other methods also to protect your contents but here we are going to learn How to Make Blogger Blog PostUnselectablee Using CSS?

How to Make Blogger Blog Post Unselectable Using CSS?


How to Make Blogger Blog Post Unslectable Using CSS?
Examples:
You Can not Select This

You Can Select This

1. Login to Blogger Dashboard and select your blog.

2. Click on Theme then Edit HTML.


3. Now Search for
</head> and paste below code above </head>.

<style>
{
  *-moz-user-select: none;
  *-khtml-user-select: none;
  *user-select: none;
}
.noselect 
{
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}
.select
{
   -moz-user-select: ;
   -khtml-user-select: ;
   user-select: ;
}
 </style>

4. Save Template. Now remember that you have to create your post inside

<div class="noselect">Your Full Article Goes Here</div>.

If you want to make any part selectable then you have to close that unselectable div tag and write your selectable text then again start that unselectable div to make blogger blog post unslectable. You can use this CSS with other tags also like <b class="noselect">, <p class="noselect">, <span class="noselect">, <i class="noselect"> etc. And to make text selectable close previous tag and write without using css like

<div>Slectable Text Here</div>


Hope you understand this. Don't forget to leave comments below related to the topic How to Make Blogger Blog Post Unselectable Using CSS?
Newer Post
Previous
This is the last post.
  • Blogger Comments
  • Facebook Comments

0 Comments:

Post a Comment

Item Reviewed: How to Make Blogger Blog Post Unselectable Using CSS? Rating: 5 Reviewed By: RUP4K