Tutorial blog kali ini kita akan mencoba melindungi postingan artikel kita dari tindakan copy-paste dengan cara menon-aktifkan select/seleksi teks pada artikel blog sehingga tidak bisa dicopy. Disini saya akan menjelaskan 2 cara untuk memproteksi teks dengan cara menon-aktifkan fungsi select teks. Cara pertama, seluruh teks pada blog sobat terproktesi dan anti select text. Cara kedua, hanya bagian-bagian tertentu saja yang dibuat anti select text. Cara kedua berguna jika sobat membuat postingan yang menampilkan code yang notabene memberikan izin pada visitor untuk mengcopy code tersebut. Oke, langsung aja lihat caranya dibawah ini.
1. Anti Select Text Pada Seluruh Postingan
- Login ke akun blog sobat.
- Klik menu "Template" -> "Edit HTML" -> "Lanjutkan/procced" -> centang pada "Expand Template Widget".
- Cari kode </head>. Kemudian pastekan kode dibawah ini tepat diatas atau sebelum kode </head> tadi.
<!--Script Anti Select Text Start-->
<SCRIPT type='text/javascript'>
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>
<!--Script Anti Select Text Finish-->
<SCRIPT type='text/javascript'>
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>
<!--Script Anti Select Text Finish-->
- Simpan template blog sobat.
Sekarang coba lihat salah satu postingan sobat. Jika cara diatas berhasil, maka sekarang seluruh postingan sobat tidak bisa di select apalagi dicopy.
2. Anti Select Text Pada Bagian Tertentu
- Login ke akun blog sobat.
- Klik menu "Template" -> "Edit HTML" -> "Lanjutkan/procced" -> centang pada "Expand Template Widget".
- Cari kode </body>. Kemudian pastekan kode dibawah ini tepat diatas atau sebelum kode </body> tadi.
<script type='text/javascript'>
//<![CDATA[
function disableSelection(target) {
if (typeof target.onselectstart != "undefined") target.onselectstart = function () {
return false
}
else if (typeof target.style.MozUserSelect != "undefined") target.style.MozUserSelect = "none"
else target.onmousedown = function () {
return false
}
target.style.cursor = "default"
}
var nocopyblogthinker = document.getElementById("antiselect")
disableSelection(nocopyblogthinker)
//]]>
</script>
//<![CDATA[
function disableSelection(target) {
if (typeof target.onselectstart != "undefined") target.onselectstart = function () {
return false
}
else if (typeof target.style.MozUserSelect != "undefined") target.style.MozUserSelect = "none"
else target.onmousedown = function () {
return false
}
target.style.cursor = "default"
}
var nocopyblogthinker = document.getElementById("antiselect")
disableSelection(nocopyblogthinker)
//]]>
</script>
- Simpan template blog sobat.
- Kemudian, sematkan format kode HTML ini pada postingan
<div id="antiselect">:
Postingan / Teks yang ingin dilindungi
</div>
Jadi sederhananya, postingan atau teks yang disematkan format html diatas lah yang terproteksi dan postingan yang tidak disematkan format html diatas tidak terproteksi sehingga dapat di seleksi dan dicopy.
Semoga berguna dan bermamfaat Follow twitter saya ya (twitter.com/mampirbro), ntar saya follback Salam MampirBro
Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.
Mantap