Cara Membuat Tools Encrypt Code di Blogger

February 04, 2020

Cara Membuat Tools Encrypt Code di Blogger
Imamkunblog.com | Hallo sobat semuanya, pada kesempatan kali ini saya akan membahas tutorial Cara Membuat Encrypt Code di Halaman Statis Blogger. Membuat Tools Encrypt di blogger sangatlah mudah, hanya menggunakan kode HTML dan Java script di Halaman Page Blogger.

Baiklah, sebelum memulai tutorial ini alangkah baiknya bagi kamu untuk mengenal apa itu Encrypt Code?

Apa itu Encrypt Code?


Encrypt Code adalah sebuah tools yang berfungsi untuk mengubah kode program menjadi sebuah kode yang acak dan serinf disebut debgan Kode Base64 atau juga HexaDecoder.

Fungsi Utama Encrypt code selain mengubah kode adalah untuk meng-enkripsi suatu kode supaya tidak dihapus oleh orang atau tidak dapat diketahui oleh banyak orang.

Encrypt code sering digunakan oleh web developer untuk mengamankan kredit template yang mereka buat. Dengan menggunakn ini maka credit template blog yang sudah dibuat akan aman dan tidak akan dihapus oleh si pengguna lain.

Itulah penjelasan singkat tantang Encrypt Code, setelah mengenal apa itu encrypt code, maka langsung saja kita mulai ke proses memasang kode encrypt di blogger.

Cara Membuat Tools Encrypt di Halaman Blogger


1. Pertama, login ke blogger.com
2. Pada Dashboard pilih Halaman/Pages > New Page (Buat Halaman Baru)
3. Berikutnya, beri nama halaman dengan Encrypt Code
4. Pilih menu HTML dan Bukan Menu Compose
5. Copy dan pastekan kode dibawah ini di halaman di menu HTML.

<style>
input#button-on{color:#fff!important;height:50px;font-size:14px;font-weight:bold;background:#07ACEC;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;margin-top:15px}
input#button-on:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
#belakang{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05)}
.belakang-2{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05)}
textarea{width:94%;height:300px;margin:0 auto;display:block;background-color:#fff;padding:20px;font:normal 13px 'Courier New',Monospace;border:2px solid #2980b9;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);border-radius:8px;resize:none}
.daerah-tombol-2{color:#fff;background:#2980b9;text-align:center;padding:20px 20px 40px 20px;margin:10px;border-radius:4px}
.hasil{color:#fff;background:#2980b9;text-align:center;padding:20px 40px 20px;margin:20px;border-radius:4px}
button{color:#fff!important;height:50px;font-size:14px;font-weight:bold;background:#07ACEC;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;margin-top:15px}
a:link{color: #fff;}
a:link:hover{color: #07ACEC}
</style>
<center>
<script type='text/javascript'>
function doencrypt(theform) {
if (theform.code.value == "") {
alert("NO CODES FOR ENCRYPTION!");
return false;
} else {
enctext=encrypt(theform.code.value);
codetocopy="<script type='text/javascript'>\n";
codetocopy+="//<![CDATA[\n";
codetocopy+="document.write(unescape('"+enctext+"'));\n";
codetocopy+="//]]>\n";
codetocopy+="</script\>";
theform.ecode.value=codetocopy;
}
return false;
}

function encrypt(tx) {
var codehex='';
var i;
for (i=0; i<tx.length; i++) {
codehex += '%'+hexfromdec(tx.charCodeAt(i))
}
return codehex;
}

function hexfromdec(num) {
hex1 = Math.round(num/16 - .5);
hex2 = num - hex1 * 16;
return (""+getletter(hex1)+getletter(hex2));
}

function getletter(num) {
if (num &lt; 10) {
return num;
}
else {
if (num == 10) { return "A" }
if (num == 11) { return "B" }
if (num == 12) { return "C" }
if (num == 13) { return "D" }
if (num == 14) { return "E" }
if (num == 15) { return "F" }
}
}
function code_check(){
var focuscheck=document.getElementById('txtarea');if(focuscheck.value.indexOf('Paste your code here...')>0)focuscheck.value='';}
function copyToClipboard() {
$("#txtarea").select();
document.execCommand("copy");
}
</script>
<div id="belakang">
<br />
<div class="hasil">
<span style="font-size: large;"><b> INPUT :</b></span>
</div>
<form method="post" name="pageform" onsubmit="return doencrypt(this);">
<textarea cols="40" name="code" id="areatxt" rows="10" placeholder="Paste (CTLR + V ) Your Code Here..."></textarea>

<div class="hasil">
<span style="font-size: large;"><b> RESULT :</b></span>
<br />
</div>
<textarea cols="40" name="ecode" id="txtarea" readonly="" rows="11"></textarea>

<div class="daerah-tombol-2">
<input id="button-on" onclick="doencrypt(pageform);" type="button" value="ENCRYPT CODE"/>
<input id="button-on" type="reset" value="RESET"/>
<button id="txtarea" onclick="copyToClipboard();">COPY TO CLIPBOARD</button>
<script type='text/javascript'>
//<![CDATA[
document.write(unescape('%3C%62%72%20%2F%3E%20%20%20%20%20%20%20%20%20%20%0A%3C%62%72%20%2F%3E%0A%4F%52%49%47%49%4E%41%4C%20%43%52%45%41%54%45%44%20%A9%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6D%61%79%63%79%62%65%72%2D%64%6F%77%6E%6C%6F%61%64%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%3E%4D%41%59%43%59%42%45%52%2D%44%4F%57%4E%4C%4F%41%44%3C%2F%61%3E'));
//]]>
</script>
</div>
</form>
<div style="clear: both;">
</div>
</div>
</center>
6. Terakhir klik Publish dan lihat hasilnya!

Begitulah Cara Membuat Tools Encrypt di Blogger, bagaimana menurut anda? Mudah tidak membuat sebuah tools Encrypt code? Baiklah saya rasa artikel ini sampai disini saja ya!



Apabila anda mengalami masalah membuat halaman tools encrypt code, silahkan komentar dibawah yah!!!

You Might Also Like

0 komentar

Popular Posts

Like us on Facebook

Flickr Images

Subscribe

Tunggu Bentar...