Bloggers that write original contents on their blogs are fond of complaining about some other ‘lazy’ bloggers stealing their works.
‘Lazy bloggers’ just copy and paste other peoples’ work without credit.
In past time, 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.
In 2012, 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.
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: </b:skin>
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.
please admin i want to do horizontal menus on my blog
how can i go about it
@Aanuoluwapo, which blogging platform?
Hi, I sent you a mail that i need the word press service, no response from you ever since
@summer, the mail doesn’t reach my inbox. It may have gotten lost in cyberspace. Kindly re-forward it to olu@justnaira.com
i tried it, it didn’t work. i’m using the chrome browser.
@james uzoma, chrome seems not to obey the CSS rule. But Mozilla and some other browser does.
i dint work on my blog bro wapdynamo.com
@kingsley, please try again. Make sure the code is pasted after
</b:skin>
tagThanks so much for the code. I used it and it worked like maggic
ok thanks, let me try.
Bro how va na shey na only blog him dey 4 ni? How i won take implement it on my page?
@I-am Olatunde, you can use it on your static website by placing the css within your site header section
pls is the airtel BB unlimited subscription still working on android devices and laptops
@Victor, it’s still working.
Pls i want to customise my blog. I bought domain name from web4africa which will expire on 02/03 but i hv not being able to use it. Any help?
@okopi,solomon, contact admin@justnaira.com for more help.