Membuat Anti Block dan Copy dengan Kode CSS User-Select Property

Judul di atas mungkin akan membuat pembaca bingung. Anti copy yang sudah sering kita dengar dan ketahui adalah sebuah cara untuk membuat desain blog tidak mudah diexplorasi pengunjung untuk dicopy kemudian dipasang/diterapkan diblognya, sehingga desain blog yang kita buat dengan mudah ditiru atau dipergunakan orang lain. Anti jiplak seperti diatas umumnya dibuat menggunakan javascript.

Penggunaan user-select property berbeda dengan pengertian di atas. Meskipun tujuan dan fungsinya hampir sama, namun user-selecty property hanya berfungsi pada teks di halaman posting atau atau bagian lain dari halaman blog. Ketika user-select property kita gunakan, maka teks tidak bisa dicopy oleh pengunjung karena cursor tidak akan dapat difungsikan untuk memblock bagian tertentu yang sudah diprotect.

Jika sampeyan penasaran apa maksudnya, silahkan coba teks yang saat ini sedang dibaca. Cobalah block dengan cursor! Bisa nggak? Pasti nggak bisa, khan?! Yah ... seperti inilah maksudnya. Fungsi seperti ini bisa sampeyan pergunakan dalam berbagai tag seperti p, b, i, em, strong, serta tag yang lain.

Cara Membuat dengan kode CSS

Simpanlah kode CSS berikut di atas kode ]]></b:skin>.

p.anticopy {
     display:block;
    -moz-user-select: none;
    -khtml-user-select: none;
    -o-user-select:none;
     user-select: none;
     unselectable: on;
}

]]></b:skin>

Untuk mencari kode ]]></b:skin>, dan menyimpan kode CSS di atas, silahkan login ke blogger terlebih dahulu.

• Login ke blogger.
• Design (Rancangan).
• Edit HTML.
• Cari kode ]]></b:skin> dengan menggunakan Ctrl+F. Buka Special Tutorials yang terletak di menu sebelah kiri untuk membaca tutorial lengkap tentang "Cara Cepat Mencari Kode di Template".
• Copy dan pastekan kode CSS di atas kode ]]></b:skin>.
• SAVE Templates/Simpan Template.

Untuk menuliskan xHTMLnya, buat seperti ini:

<p class="anticopy">Tuliskan teks yang akan di buat anti copy di sini!</p>

Hanya dengan xHTML

Jika ingin membuat langsung semua kode dalam bentuk xHTML, buatlah kode dalam bentuk seperti di bawah ini:

<p style="display:block;-moz-user-select: none;-khtml-user-select: none;-o-user-select:none;user-select: none;unselectable: on;">Tuliskan Teks yang akan dibuat anti copy di sini!</p>

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

• 
• 

» Happy Blogging - gubhugreyot «