Cara Membuat Tools Encrypt Code di Halaman Statis Blogger

Jagoandzgn.com - Pada kesempatan kali ini saya akan memberikan sebuah tutorial bagaimana Cara Membuat Form Encrypt Code di Halaman Statis Blogger. Tapi sebelum masuk ke pembahasannya saya akan memberitahukan apa itu Encrypt Code.

Apa Itu Encrypt Code ?

Encrypt Code adalah mengubah kode-kode pemprograman menjadi berupa kode acak yang biasa disebut kode Base64 atau HexaDecoder. Tujuan dari Encrypt Code ini adalah untuk meng-enkripsi suatu kode agar tidak dapat di ketahui oleh seseorang.


Jika kamu seorang pembuat template, alangkah baiknya meng-enskripsi kode pada template anda, terutama pada bagian credit atau coppyright. Jika anda membiarkan kode itu secara utuh seperti normalnya, para pengguna template anda bisa saja menghapus kode bagian credit link nya. Para pengguna template gratisan biasanya hanya mementingkan blognya sendiri tanpa mementingkan betapa susahnya membuat suatu template.

Berikut adalah contoh kode yang sudah di encrypt pada alat yang saya berikan :

<script type="text/javascript">
<!-- www.jagoandzgn.com--> 
document.write(unescape('%68%74%74%70%73%3A%2F%2F%77%77%77%2E%6A%61%67%6F%61%6E%64%7A%67%6E%2E%63%6F%6D'));
</script>

Coba kamu perhatikan kode diatas? Dapatkah kamu menerjemahkan kode diatas? Jika tidak, saya akan memberitahukannya. Jadi, mentahan kode utuh diatas adalah https://www.jagoandzgn.com namun sudah saya enkripsi menjadi seperti kode diatas, itulah jawabannya.

Cara Membuat Tools Encrypt Code di Halaman Statis Blogger

1. Silahkan kamu login ke blogger.com dengan menggunakan Gmail kamu.
2. Masuk ke menu HALAMAN > klik Buat Halaman Baru
3. Kalau sudah silahkan kamu beri judul halaman tersebut "Encrypt Code" atau selera kamu.
4. Masuk ke mode HTML bukan Compose dan masukkan kode dibawah ini tepat dimode HTML tersebut.

<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>

5. Kalau sudah silahkan klik PUBLIKASIKAN dan Selesai.


Bagaimana mudah bukan untuk tutorial Cara Membuat Form Encrypt Code di Halaman Statis Blogger, bagi kamu yang memiliki masalah atau pertanyaan seputar blogger silahkan komen dikolom komentar dibawah artikel ini.
Seorang yang memiliki kepribadian yang menyendiri, tanpa mengenal dunia luar hanya melalui dunia online.
  • Facebook
  • WhatsApp
  • Instagram
  • Tampilkan Komentar
    Sembunyikan Komentar

    0 Komentar

    Posting Komentar

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel