Waktu itu saya pernah posting tentang cara untuk melindungi source kode html dari plagiator. Kali ini saya akan memberi informasi bagaimana cara kode HTML kita tidak dicuri oleh orang lain (walaupun masih bisa).
Sekarang cara untuk melindungi kode HTML yang kita buat adalah menggunakan Javascript Base62 Encoder dan menggunakan HTML encrypter.
Oke, langsung saja tutorialnya..
Tutorial Melindungi Kode HTML Dengan Javascript Base62 Pertama-tama siapkan kode HTML yang anda buat (yang simple aja). Contoh:
<h1>Fajar Zikri Ganteng</h1>Ganti kode HTML tersebut ke dalam format Javascript, menjadi:
document.write("<h1>Fajar Zikri Ganteng</h1>");sesudah itu, copy code tersebut, dan buka situs web Javascript Base62 PackerPaste kode Anda disana, dan ceklis Base62 Encode. Setelah itu klik
Apabila Anda telah mengklik tombol Pack, maka hasil encode akan keluar di bagian Copy seperti berikut:
eval(function(p,a,c,k,e,r){e=String;if(!''.replace(/^/,String)){while(c--)r[c]=k[c]||c;k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1.2("<0>3 4 5</0>");',6,6,'h1|document|write|Fajar|Zikri|Ganteng'.split('|'),0,{}))Copy code hasil packer tersebut, dan simpan di bagian <head>. Contoh: <html>
<head>
<title>Fajar Zikri Ganteng</title>
<script type="text/javascript" language="javascript">
eval(function(p,a,c,k,e,r){e=String;if(!''.replace(/^/,String)){while(c--)r[c]=k[c]||c;k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1.2("<0>3 4 5</0>");',6,6,'h1|document|write|Fajar|Zikri|Ganteng'.split('|'),0,{}))
</script>
</head>
<body>
</body>
</html>Kode di atas akan menghasilkan tulisan (LIHAT DISINI). Dan lihat source codenya.Untuk lebih membingungkan para pencuri kode untuk mengedit, memodifikasi dan lainnya.. gunakan juga tool HTML Encrypter. Jadi, kode diproteksi secara double.
Misal:
Kode yang ingin di proteksi sama seperti di atas, yaitu:
<h1>Fajar Zikri Ganteng</h1>Copy contoh kode diatas, dan encode dengan tool HTML Encrypter.
Dibawah ini adalah unescape character dari contoh kode diatas:
%3C%68%31%3E%46%61%6A%61%72%20%5A%69%6B%72%69%20%47%61%6E%74%65%6E%67%3C%2F%68%31%3EJangan lupa untuk menambahkan document.write(unescape('')); . Jadi kodenya seperti dibawah ini:
document.write(unescape('%3C%68%31%3E%46%61%6A%61%72%20%5A%69%6B%72%69%20%47%61%6E%74%65%6E%67%3C%2F%68%31%3E'));Dan yang terakhir adalah tinggal meng-encode kode tersebut dengan Javascript Base62. Dibawah ini adalah kode diatas yang telah di encode: eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('9.a(b(\'%1%2%3%4%c%0%d%0%5%6%e%7%f%5%7%6%g%0%8%h%i%8%j%1%k%2%3%4\'));',21,21,'61|3C|68|31|3E|72|20|69|6E|document|write|unescape|46|6A|5A|6B|47|74|65|67|2F'.split('|'),0,{}))Untuk pemakaian, sama saja seperti kode sebelumya.Demo Javascript Base62
Demo Javascript Base62 Plus Unescape Character
Please see source for demo..
Semoga berguna, dan maaf jika membuat pusing :D :P
Syntax Highlighting by Google Prettify
Tidak ada komentar:
Posting Komentar
Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.