Kamis, 16 Januari 2014

Add Lockdown to Hide Code use jQuery

Pernahkah sobat menemukan sebuah weblog kontennya berisikan tentang kode² & script² namun site tersebut memakai script anti copy! Kalau konten yg dimaksud memang sangat berguna mungkin kita akan mencari seribu akal untuk mendapatkannya. Tetapi kalau hanya untuk mencoba-coba hasil dengan kode yg dimaksudkan rasa jengkel malah yg ada :P
Pernah mendengar nama Lockdown? Begini cerita singkat mengenai lock-down...

Lockdown adalah script code snippet dibuat dengan tujuan mengaburkan (obfuscates) tampilan/tulisan kode. Penulisan code akan dirubah ke dalam bentuk canvas Compatible with IE7+, Firefox, Chrome, and Safari. Konversi kode meliputi normal and base-64 encoded. Terus bagaimana cara mau mengkopi kode! Gue jg enggak tauk, kan di buat dengan tujuan untuk melindungi script/coded ;))

Bagi sobat yg memang berminat memasang, ikuti langkah² berikut!

Implementation

<script src=".../js/jquery-1.7.1.min.js"></script>
<script src=".../js/lockdown-0.0.38-min.js"></script>
Jika sudah tertanam jQuery script, tidak usah pasang lagi. Save as lockdown-min.js dan hostingkan.
Pasangkan script pemanggil...
<script type='text/javascript'>
//<![CDATA[
$(function () {
var $elements = $("pre.code");
var options = {
width: 700
};
Lockdown.init( options );
Lockdown.lock( $elements );
});
//]]>
</script>
Pemakaian syntax dalam postingan...

Normal mode.

<pre class="code">
------- CODED AFTER PHRASE HERE -------
</pre>

Encoded mode

<pre class="code endecode">
------- CODED AFTER ENCODED HERE -------
</pre>
Lakukan setting terlebih dahulu, antara lain pemberian nama class, width, dan customize CSS. Pada sumber bagian implementasi lebih komplit. Source by draeton.github.io/lockdown Lihat bagian menu, pd web sumber cari menu dengan judul project, tengoklah link dengan title stitches That is an HTML5 sprite sheet generator, open source ;))

jsfiddle.net/bebenkoben/rW8qe/show

Happy lockdown \m/

Tidak ada komentar:

Posting Komentar