Saturday, 12 November 2016

How to Disable Highlight on Blog (WordPress & Blogger)




Bloggers that write original contents on their blogs are fond of complaining about some other ‘lazy’ bloggers stealing their works.


In past Month, I have been using some piece of JavaScript code on my blog to curb content stealers from stealing my contents, but it doesn’t work. They use the other way round i.e. they turn-off their browser JavaScript and then copy the contents easily.

A week ago, I discovered a simple CSS code and placed it on my site. This CSS code will not give room to highlight contents on a blog, since content stealers highlight before they can copy. From the time I implemented this code on my blog, the numbers of my contents stealer decreases, although some of them still copy from source code.

A reader of this blog contacted me some few-week ago to give him the code I used to disable highlighting of my blog contents. I shared the simple CSS code with him; he implemented it and gave me feedback that it was awesome. He said the JavaScript he formerly used doesn’t curb content stealers; it only increased his blog load time.

Today, I want to share the CSS code and the method of application on both WordPress and Blogger blogs.

Read Also: How to Add Widget Tools to Your Blogger Blog


How to Stop Others from Copying your Contents on WordPress Like I mentioned earlier, no JavaScript will be used, so no increase load time on your blog.

Copy the code below if you want all the contents on your to be read only i.e. no room for copying any content from the content section.

.entry-content {-webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; text-align: justify;} Like me, I shared code by block quoting. If I didn’t allow my readers to be able to copy the codes I shared, that makes the tutorial useless. If you also want your readers to be able to copy contents you block quote, then use the code below.

.entry-content {-webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; text-align: justify;} blockquote {-webkit-touch-callout: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}

How to Apply the Code on WordPress Login to your wordpress dashboard >> Appearance >> Editor Select your theme style.css and add any of the codes above to it. How to Stop Others from Copying your Contents on WordPress If you are on blogger, login to your Blogger dashboard > Template > Edit HTML and use CTRL + F to search for: tag. Copy and paste any of the codes below after the tag.

To disable copying all your blog content use:

.post-body {-webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; text-align: justify;} To disable copying all your blog content except contents in block quote, use:

.post-body {-webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; text-align: justify;} blockquote {-webkit-touch-callout: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}

After applying any of these code, share your experience in the comment section below.

Cheers!..




No comments:

Post a Comment

Designed by Chivalry Benson