No Select Text

No Select Text dimaksudkan untuk membuat sebuah text atau kumpulan teks dalam blog atau website tidak dapat dicopy atau dipindahkan oleh siapapun ke tempat lain. Penggunaan fungsi ini bermanfaat di saat sesuatu teks yang kita postingkan tidak kita kehendaki untuk diperbanyak atau disalin oleh orang lain demi alasan atau kepentingan tertentu. No Select Text dapat digunakan untuk seluruh bagian blog atau hanya satu bagian kecil tertentu (alinea, kalimat atau bahkan kata dan font) karena dilengkapi dengan sebuah "id" yang ditanamkan pada tag tertentu. Anda bisa menggunakan "id" ini dalam tag "DIV", tag "p" atau tag "span". Dengan keleluasaan penggunaan seperti ini tentunya akan memberi nilai lebih bagi penggunanya.

D E M O

Cara membuat No Select Text :

Javascript No Select Text :

<script type="text/javascript">
//<![CDATA[
function disableSelection(a) {
   if (typeof a.onselectstart != "undefined") {
      a.onselectstart = function () {
         return false
      }
   } else {
      if (typeof a.style.MozUserSelect != "undefined") {
         a.style.MozUserSelect = "none"
      } else {
         a.onmousedown = function () {
         return false
         }
      }
   }
   a.style.cursor = "default"
}
var kanggubhugreyot = document.getElementById("GRnocopy");
disableSelection(kanggubhugreyot);
var kangreyot = document.getElementById("GRnoselect");
disableSelection(kangreyot);
var kanggubhug = document.getElementById("GRnojiplak");
disableSelection(kanggubhug);
//]]>
</script>

xHTML-1 :

<div id="GRnocopy">
Tuliskan teks anti copy di sini!
</div>

xHTML-2 :

<div id="GRnoselect">
Tuliskan teks anti copy di sini!
</div>

xHTML-3 :

<div id="GRnojiplak">
Tuliskan teks anti copy di sini!
</div>

Anda bisa menggunakan salah satu atau ketiga-tiganya secara bersamaan dalam sebuah posting. Untuk diperhatikan bahwa dalam satu posting tidak diperbolehkan menggunakan lebih dari satu "id" yang sama.

Cara menyimpan javascript :

1. Login ke Blogger.
2. Beberapa saat setelah klik "Sign in" anda akan memasuki halaman "Dasbor (Dasboard)".
   Klik "Rancangan (Design)".
3. Lanjutkan dengan klik "Edit HTML".
4. Lakukan "Backup Template".
5. Cari kode </body>, kemudian copy dan paste-kan javascript di atasnya.
6. Klik "Simpan Template (Save Template)".

Setelah javascript no-select text tersimpan dengan sempurna, silahkan gunakan xHTML di posting anda atau di bagian blog yang lain. Gunakan tag "div" atau tag lain untuk penerapannya.

Contoh dalam tag "span" :

xHTML-3 :

<span id="GRnojiplak">
Tuliskan teks anti copy di sini!
</span>

Catatan/Keterangan :

1. Bagi anda yang membutuhkan panduan cara backup template, cara mencari kode di template dan berbagai cara menyimpan xHTML silahkan buka Special Tutorials di menu sebelah kiri halaman.
2. Anda dapat menggunakan anti copy ini di tiga bagian berbeda dalam sebuah posting namun harus menggunakan 3 buah "id" berbeda seperti yang terlihat di xHTML-1, xHTML-2 dan xHTML-3 (satu id hanya untuk satu no select!).

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Jemuah    WAGE, Maret, 16, 2012

» Happy Blogging - gubhugreyot «