Cara Membuat Tools Encrypt Code di Halaman Statis Blogger

CandilDroid - Cara Membuat Tools Encrypt Code di Halaman Statis Blogger, 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.

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>

            </div>
    </form>
<div style="clear: both;">
</div>
            </div>
        </center>

5. Kalau sudah silahkan klik PUBLIKASIKAN dan Selesai.

Cukup Sekian Postingan Candildroid Kali Ini Mengenai 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.

Intan Cell

Terima Jasa Service Android Wilayah Pagaden, Pamanukan, Subang.

Facebook

WhatsApp

Instagram

Bagikan Artikel ini

Subscribe Our Newsletter

Related Posts