Bloggers using tricks to disable right click are benefited in ways. They may have surely get rid of their content being copied.
There are more steps you can take to make your content secure and can disable others from copying it. We can disable the selection of text or images on any website or blog to disallow others from copying your contents.
It can be done with CSS easily. You just have to make some small customization depending on your needs.
The above CSS will disable selections on all elements including text, images, tables etc. Learn from the examples below
This CSS will work in Blogger, it disables selection on all elements in a post. Means users will be able to select every element on sidebars,headers and other parts of the blog except the .post-body area.
The CSS below will only disable selections for images in the whole document, cause i have put body in the selector.
If any error occured do feel free to comment below.
There are more steps you can take to make your content secure and can disable others from copying it. We can disable the selection of text or images on any website or blog to disallow others from copying your contents.
It can be done with CSS easily. You just have to make some small customization depending on your needs.
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; }
The above CSS will disable selections on all elements including text, images, tables etc. Learn from the examples below
This CSS will work in Blogger, it disables selection on all elements in a post. Means users will be able to select every element on sidebars,headers and other parts of the blog except the .post-body area.
clip.setText( "Copy me!" );.post-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; }
The CSS below will only disable selections for images in the whole document, cause i have put body in the selector.
body img { -webkit-user-select: none; /* Chrome all / Safari all */Or if you want to disable selection for images in post area only, then this CSS will work (for Blogger)
-moz-user-select: none; /* Firefox all */ -ms-user-select: none; /*
IE 10+ */ -o-user-select: none; user-select: none; }
.post-body img { -webkit-user-select: none; /* Chrome all / Safari all */This was a quick overview on the user-select CSS property and the way to disable selection on elements.
-moz-user-select: none; /* Firefox all */ -ms-user-select: none; /*
IE 10+ */ -o-user-select: none; user-select: none; }
If any error occured do feel free to comment below.
0 comments:
Click Here To add Comment
Blogger Widgets