Membuat Encrypt Javascript di Blog
Posted by 
Pernahkah Sobat melihat kode javascript yang sulit untuk dibaca? Bisa jadi kode tersebut telah ter-enkripsi dengan alasan untuk melindungi privasi kode itu sendiri. Misalnya kode javascript dari sebuah template trial sehingga tidak bisa diganti dengan nama kita sendiri di bagian Copyright, pastinya kodenya sengaja di-enkripsi supaya tidak dapat dialihkan oleh orang lain.
Seperti yang kita ketahui enkripsi dalam dunia komputer atau dunia teknologi informasi berfungsi untuk melakukan pengacakan teks guna meningkatkan security dalam suatu program atau aplikasi.
Dengan adanya enkripsi maka teks, link dan skript yang seharusnya dapat terbaca bisa diamankan dan hanya orang orang tertentu saja yang dapat mengaksesnya. Dalam hal ini saya membuat tool enkripsi Responsive yang bisa dipakai di blog.
Berikut contoh sebelum dan sesudah di encrypt.
Cara Memasang Tool Encrypt Javascript Unescape di Halaman Statis Blogger
1. Buka Blogger > Buat postingan baru di halaman statis > Kemudian tambahkan kode di bawah ini di tab HTML (Bukan Compose).
<div id="cssencp"><style scoped="" type="text/css">
#outer-wrapper{margin:0 auto;text-align:left;float:none;background-position:center!important}
#post-wrapper{width:100%;max-width:100%;margin:0 auto;text-align:left;float:none;background-position:center!important}
.post-body,.post{background-position:center!important}
.post-body p{margin:0}
#blog1,#artikel,.blog-posts{background-position:center!important}
#comments{display:none;margin-top:0;margin:0}
#main-wrapper{padding:0;width:100%;border:0}
#cssencp{position:relative;display:block;clear:both;border-radius:8px;border:1px solid rgba(0,0,0,0.05);transition:all .6s}
#cssencp:hover{border-color:rgba(0,0,0,0.1)}
#cssencp textarea{width:100%;outline:none;height:240px;margin:0 auto;display:block;padding:20px;font-family:Monospace;font-size:13px;border:0;border-radius:8px 8px 0 0;resize:none}
textarea:focus{background-color:#fff;color:#303030}
#cssencp .box{margin:10px auto 30px;color:#fff;font-size:90%}
#cssencp .box p{margin:0 0 2px}
#cssencp button{cursor:pointer}
#cssencp .col{width:48%;margin:0 auto 30px}
#cssencp .left{float:left;margin-left:1%}
#cssencp .right{float:right;margin-right:1%}
#cssencp .button-group{float:none;background:#ff4169;background-image:linear-gradient(50deg,#ff4169,#8b41f6);background-size:130%;text-align:center;padding:20px 20px 40px 20px;margin:0;border-radius:0 0 8px 8px}
#cssencp button,#cssencp button[disabled]:active{outline:none;background:rgba(255,255,255,.25);text-align:center;color:#fff;display:inline-block;padding:8px 16px;font-size:13px;font-weight:400;line-height:1.471;border-radius:99em;margin:0 5px;border:0;box-shadow:0 2px 6px -4px rgba(0,0,0,0.05);transition:all .3s}
#cssencp button:hover,#cssencp button:active{background:rgba(255,255,255,.5);color:#fff}
#cssencp button[disabled],#cssencp button[disabled]:active{background:rgba(255,255,255,.5);color:#fff;box-shadow:0 10px 21px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.12)}
#cssencp .opt1,#cssencp .opt2,#cssencp .opt3,#cssencp .opt4,#cssencp .opt5{display:inline-block;margin:0 3px 0 10px;vertical-align:middle;border:none;outline:none}
#cssencp br{display:none}
.option-input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;position:relative;right:0;bottom:0;left:0;height:16px;width:16px;transition:all 0.15s ease-out 0s;background:rgba(255,255,255,.3);border:0;color:#fff;cursor:pointer;display:inline-block;margin-right:0.5rem;outline:none;position:relative;padding:0;border-radius:99em}
.option-input:hover{background:rgba(255,255,255,.3)}
.option-input:checked{background:rgba(0,0,0,.2);animation:rubberBand 1s}
.option-input:checked::before{height:16px;width:16px;position:absolute;content:'\f00c';font-family:fontawesome;display:inline-block;font-size:12.66667px;text-align:center;line-height:16px}
.option-input:checked::after{-webkit-animation:click-wave 0.65s;-moz-animation:click-wave 0.65s;animation:click-wave 0.65s;background:#40e0d0;content:'';display:block;position:relative;z-index:100}
.option-input.radio{border-radius:50%}
.option-input.radio::after{border-radius:50%}
.Night #cssencp textarea{background:#33475c;color:#fff}
.Night #cssencp textarea::placeholder{color:#fff}
.Night #cssencp .button-group{background:#1c2733;color:rgba(255,255,255,.7)}
.Night #cssencp button,.Night #cssencp button[disabled]:active{background:#33475c;color:#fff}
.Night #cssencp button:hover,.Night #cssencp button:active{background:#415a74;color:#fff}
</style><br />
<span class="clear"></span><br />
<form name="pageform" onsubmit="return doencrypt(this);">
<textarea autofocus="" id="input-text" cols="38" name="code" rows="11" placeholder="Paste your Script code here..." spellcheck="false"></textarea><br />
<hr/>
<textarea autofocus="" id="opt-text" cols="38" readonly="readonly" name="ecode" rows="11" placeholder="Output your Encrypt code here..." spellcheck="false"></textarea><br />
<div class="button-group"><div class="box">
<button onclick="doencrypt(pageform);" type="submit">Encrypt </button><br />
<button onclick="javascript:eraseText();" type="button" >Clear</button><br />
<button name="sac" onclick="sandc(pageform);" type="button">Select All</button><br />
<button onclick="copy_text()">Copy</button><br />
</div><div class="clear"></div>
<div>By <a class='setid' href='https://fajardjoekerz.blogspot.com/' id='setid' title='Fajardjoekerz'>Fajardjoekerz</a></div></div>
<script src='https://cdn.jsdelivr.net/gh/Fajardjoekerz/djoekerz@fbe89d9819707f2fd49454c3eb0010ebb9eef958/encrypt.js' type='text/javascript'/>
- Code javascript atau link yang sudah di encrypt bisa diletakkan di tag sebelum </head> atau bisa juga sebelum </body>
- Sesuaikan kembali tampilan lewat kode CSS di atas sesuai keinginan.
2. Publish postingan dan lihat hasilnya.
