Script Base64 Encode Decode Untuk Blogger

Base64 adalah sistem pengkodean (encoding) dari data biner ke teks, dan memang ditujukan untuk sistem transfer data biner melalui media teks. Dengan menggunakan Base64 juga menjamin tidak adanya modifikasi yang akan mengubah data selama proses transportasi.

Base64 terdiri dari 64 karakter huruf A-Z  a-z 0-9, dan dua karakter yang biasanya digunakan secara umum adalah + dan /. Kamu dapat menggunakan berbagai alat online untuk melakukan proses konversi dari dan ke Base64 dengan mudah.

Kamu bisa memasang Base64 Decode dan Encode pada blog sebagai Alat online untuk base64 decoding dan encodeing. Meng-konversi base64 encode teks ke string decode sebagai file biner menggunakan utilitas base64 decoder online gratis. Pada artikel ini kamu bisa membuat di halaman blog dengan mudah menggunakan script yang sudah disediakan.

Contoh Gambar Base64 Encode dan Decode Untuk Blogger


Manfaat dari base64 itu sendiri adalah untuk mempercepat proses membaca dan mengirim data melalui browser. Membaca jadi dipercepat, bisa menjadi script tertentu dan itu bisa menjadi sebuah file gambar. Jika kamu yang ingin memasangnya pada halaman blog script bisa diambil disini.

<div class="container">
  <div class="browser">
    <div class="browsertwo">
      <div class="controls">
        <button class="btn close"></button>
        <button class="btn minimize"></button>
        <button class="btn fullscreen"> </button>
      </div>
    </div>
    <div class="viewport">
      <h3 class="h3-sbtmasbro">Encode ke Base64</h3>
<textarea class="textarea-bro"  type="submit" id="encodebox-sobatmasbro" placeholder="/** Masukkan atau Paste text/script yang akan dikonversi ke Base64, Output disebelah kanan *//"></textarea>
<br> 
    <button class="btn-sobatmasbro" id="encodesobatmasbro" title="Encode ke Base64">Encode</button>
    <button class="btn-sobatmasbro btnhapus" id="encodesobatmasbro" title="Encode ke Base64" onclick="document.getElementById('encodebox-sobatmasbro').value = ''">Hapus</button>
</div>
      
     <div class="viewport">
      <h3 class="h3-sbtmasbro">Decode dari Base64</h3>
<textarea class="textarea-bro" id="base64box-sobatmasbro" placeholder="/** Masukkan atau Paste Base64 yang akan dikonversi ke Decode, Output disebelah kiri *//"></textarea>
<br>
     <button class="btn-sobatmasbro"  type="submit" id="base64sobatmasbro" title="Decode dari Base64">Decode</button>
      <button class="btn-sobatmasbro btnhapus"  type="submit" id="base64sobatmasbro" title="Decode dari Base64" onclick="document.getElementById('base64box-sobatmasbro').value = ''">Hapus</button>
       </br>
    </div>
  </div>
</div>
  <style type="text/css">
   /* CSS Style Base64 Encode-Decode By MNHBLOG | Magelang1337.com */
.container {
    align-items: center;
    display: flex;
    justify-content: center;
}
.browser {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.browser .navbar {
  background-color: #FAFAFA;
  border-radius: 5px 5px 0 0;
  height: 2.5em;
}
.browser .navbar .controls {
  line-height: 1.25em;
  padding: 0.625em 0;
}
.browser .navbar .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 .navbar .controls .btn.close {
  background-color: #e74c3c;
}
.browser .navbar .controls .btn.minimize {
  background-color: #f1c40f;
}
.browser .navbar .controls .btn.fullscreen {
  background-color: #2ecc71;
}
.browser .viewport {
  background-color: #f5f5f5;
  border-radius: 0 0 5px 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px;
  text-align: center;
  float: left;
}
.h3-sbtmasbro {
  margin: 12px;
  font-family: 'arial';
  font-size: 18px;
}
.textarea-bro {
  border: 2px solid #3499dc;
  border-radius: 5px;
  width: 300px;
  height: 250px;
  padding: 10px;
  resize: none;
  outline: none;
}
.btn-sobatmasbro {
    margin: 12px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    padding: 12px;
    text-transform: uppercase;
    color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0

Cara Membuat Base64 Encode-Decode Diblog

Kamu tinggal membuat halaman baru > Lalu pilih HTML dan copy pastekan script tersebut > Publikasikan Halaman.