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.

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

<script type='text/javascript'>
//<![CDATA[
document.write(unescape('%68%74%74%70%73%3A%2F%2F%77%77%77%2E%73%68%6F%77%64%7A%67%6E%2E%63%6F%6D%2F'));
//]]>
</script>

Coba kamu perhatikan kode diatas? Dapatkah kamu menerjemahkan kode diatas? Jika tidak, saya akan memberitahukannya. Jadi, mentahan kode utuh diatas adalah https://www.showdzgn.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.
Tampilkan Komentar
Sembunyikan Komentar

3 Responses to "Cara Membuat Tools Encrypt Code di Halaman Statis Blogger"

  1. Kalau memasang tool ini di halaman statis blog, apakah berpengaruh terhadap blog baru yang kedepannya ingin didaftarkan Adsense?

    ReplyDelete
  2. Tutor bikin menu ditampilan mobile seperti blog showdzgn gan

    ReplyDelete

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar semua.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel