Tuesday, April 17, 2018

How to Make Blogger Blog Post Unselectable Using CSS?


More Topics:

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?


Author:

Hi, I am Rupak. Part time blogger, gamer, youtuber. Read More

0 comments:

Dear Readers,

Please note that,

1. All comments are moderated before publishing them.

2. Comments deemed to be spam or questionable spam, including profanity and containing language or concepts that could be deemed offensive will be deleted.

3. Including a link to relevant content is permitted, but comments should be relevant to the post topic.