Cara Encode Script HTML - WESTOIKU

Script kode html yang di Encode melalui tolls encode , maka kode tersebut akan otomatis langsung berubah , sehingga kode html tersebut menjadi sangat sulit untuk di tebak.

Kode yang di Encode atau Encript dalam bahasa pemograman yaitu sebuah kode script yang di rahasiakan , baik itu untuk umum maupun untuk sebuah data data yang bersifat pribadi.

Dalam dunia blogger ,, seseorang yang ahli dalam pembuatan template blogger biasanya mereka melakukan perubah sebuah kode html untuk di Encriptsi bertujuan agar template yang sudah dibuat  tidak ada orang yang bisa merubah data data tersebut , dan data tersebut menjadi tersematkan.

Jika anda ingin membuat tolls untuk Encode html pada blog anda , sila ikuti tutorial dibawah ini..

Cara Membuat Tools Encript/Encode Di Blogger.

Untuk cara pembuatanya cukup mudah ,, anda hanya perlu membuat sebuat postingan seperti biasa , layaknya membuat konten artikel , namun untuk kali ini anda perlu menempelkan kode dibawah ini saat membuat postingan dan ubah bagian postingan dari compose menjadi html..

Salin kode di bawah ini :

Taruh dan tempel pada saat membuat artikel pada bagian postingan baru lalu pubhlis/terbitkan..

/* westoiku */
<div class="container">
  <div class="browser">
    <div class="mantap">
      <div class="controls">
        <button class="btn close"></button>
        <button class="btn minimize"></button>
        <button class="btn fullscreen"></button>
      </div>
    </div>
    <div class="viewport">
     <p style="text-align: center;padding:12px;">
<form name="pageform" class="pageform" onsubmit="return doencrypt(this);">
<textarea class="husni-textarea" id="husni-textarea" cols="38" name="code" rows="11" placeholder="/* Paste atau Tempel scriptnya disini... */" spellcheck="false" wrap="virtual"></textarea></p>
<span id="encrypted1"></span>
<input  class="tombol-konversi" onclick="doencrypt(pageform);" type="submit" value="Encrypt">
<input  class="tombol-konversi" onclick="javascript:eraseText();" type="button" value="Delete">
<input class="tombol-konversi" name="sac" onclick="sandc(pageform);" type="button" value="Select All">
 - - <u>Created by : </u><a href="#" target="_blank">westoiku</a>
     <p style="text-align: center;padding-top:12px;">
<textarea class="husni-textarea" id="husni-hasil" cols="38" readonly="readonly" name="ecode" rows="11" placeholder="/* --- Hasil Encrypt--- */" spellcheck="false" wrap="virtual"></textarea></p>
<script src="https://raw.githack.com/sobatmasbro/blogger/master/js/encryptcode.js"></script>
<style type='text/css'>
  .container {
}
.browser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.browser .mantap{
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px   6px rgba(0,0,0,0.23);
  background-color: #d9d9d9;
  border-radius: 5px 5px 0 0;
  height: 2.5em;
}
button, button[disabled]:active {
    background-color: #464646;
    font: bold 11px Tahoma,Verdana,Arial,sans-serif;
    color: #FFF;
    border: medium none;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px 10px;
}
.browser .mantap .controls {
  line-height: 1.25em;
  padding: 0.625em 0;
}
.browser .mantap .controls .btn {
    border: medium none;
    border-radius: 100%;
    display: block;
    float: left;
    height: auto;
    margin-left: 0.5em;
    outline: medium none;
    width: 0px;
    padding: 7px;
}
.browser .mantap .controls .btn.close {
  background-color: #e74c3c;
}
.browser .mantap .controls .btn.minimize {
  background-color: #f1c40f;
}
.browser .mantap .controls .btn.fullscreen {
  background-color: #2ecc71;
}
.browser .viewport {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px   6px rgba(0,0,0,0.23);
  background-color: #f5f5f5;
  border-radius: 0 0 5px 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tombol-konversi {
cursor: pointer;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 12px;
    background-color: #0091ea;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    border-radius: 3px;
    border: 0;
    width: auto;
}
.pageform {
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
}
  </style>
</p><div style="clear: both;"><p></p>
       </div></div>
  </div>
</div>

selanjutnya :

Terbitkan , jika anda ingin melihat hasilnya klik bagian lihat , jika penasaran anda bisa mencobanya..

Terima Kasih..!!

....................................

👇