gubhug reyot
Energy Saving Mode Using CSS3

Move your mouse to go back to the page!
Gerakkan mouse anda dan silahkan nikmati kembali posting kami!

Copyright 2010 gubhugreyot.blogspot.com - All rights reserved

Wednesday 14 March 2012

Related PostsShow/Hide

Membuat Zona No Select Text - Zona Anti copy Teks

Jika pada umumnya javascript no select, javascript no copy, javascript disable right click, atau javascript anti copy berlaku secara menyeluruh di halaman blog, maka dengan javascript ini anda bisa melokalisir teks pada bagian tertentu saja yang tak dapat di copy.

Pemberlakuan zona anti copy pada teks bisa terjadi karena anti copy diberlakukan dengan menetapkan pada tag dengan "id" tertentu. Dengan cara seperti sekaligus memungkinkan anda untuk secara bebas menentukan sendiri bagian mana yang hendak diberlakukan anti copy (no select). Bahkan, jika dikehendaki seluruh posting dibuat sebagai artikel yang tidak diperbolehkan untuk di copy-paste, anda bisa mewadahi seluruh isi posting dalam tag yang sudah diberi anti copy.

D E M O

Silahkan coba anda copy seluruh posting ini dan anda akan melihat bahwa ada bagian yang terlewati oleh cursor hingga tak dapat di copy.

Javascript :
<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 kanggubhugreyot = document.getElementById("GRnocopy")
disableSelection(kanggubhugreyot)
//]]>
</script>

xHTML :
<div id=GRnocopy">
Silahkan coba anda copy seluruh posting ini dan anda akan melihat bahwa ada bagian yang terlewati oleh cursor hingga tak dapat di copy.
</div>

Cara menggunakan no select text:

  1. Login ke Blogger.
  2. Halaman Dasbor (dasboard) » klik "Rancangan (Design)".
  3. Klik "Edit HTML".
  4. Lakukan Backup Template.
  5. Cari kode </body>
  6. Copy dan paste-kan javascript di atas kode tersebut.
  7. Klik "Simpan Template (Save Template)".
  8. Lanjutkan membuat posting dan gunakan xHTML seperti yang terlihat di atas untuk mewadahi teks yang hendak dibuat anti copy.
  9. Lihat hasilnya dengan membuka hasil posting.

Catatan/Keterangan :
  1. Anda bisa menggunakan xHTML anti copy ini di semua bagian blog dan tidak dibatasi hanya di box posting.
  2. Selain tag "div" anda juga bisa gunakan tag lain seperti tag "p" atau tag "span"
  3. Javascript No Select Text dengan 3 "id" berbeda dapat anda dapatkan di sini.

1 comment:

  1. saya pakai protektor content dari select mouse, tetapi tanpa javascript. test di sini:
    daymilovich dot blogspot dot com.
    itu gak pakai javascript. :)

    ReplyDelete