Cara Membuat Parse HTML Pada Blog
Assalamualaikum Sahabat Blogger.
Cara Membuat Parse HTML Pada Blog - Parse HTML adalah Merubah suatu kode - kode HTML tertentu menjadi suatu kode dengan identitas yang unik. Tidak semua kode - kode HTML dapat di Parse, hanya kode - kode tertentu saja yang dapat diparse. Dan berikut ini adalah beberapa kode yang di parse :
  • < berubah menjadi &lt;
  • ” berubah menjadi &quot;
  • & berubah menjadi &amp;
  • ‘ berubah menjadi &#309;
  • > berubah menjadi &gt;
Baca Juga : Cara Setting Robot.txt dan Custom Robot Tag Header di Blog

Fungsinya Untuk Apa Sih ?

Fungsinya adalah untuk  mencegah tampilan error di blog anda ketika dibuka disuatu web browser. Hal ini biasa akan terjadi pada browser versi lawas. Selain itu memparse kode HTML akan membuat kode yang diparse akan menjadi lebih SEO Friendly dan dan valid HTML5 dibandingkan dengan kode yang belum diparse.

Baca Juga : Cara Mudah Redirect Halaman Error 404 Ke Homepage Dengan JavaScript

Cara Membuatnya

Setelah anda tau tentang pengertian dan fungsinya, sekarang kita masuk ke topik utamanya yaitu " Cara Membuatnya" . Mari disimak baik - baik agar tidak terjadi kesalahan.

Baca Juga : Cara Menghilangkan JavaScript, CSS dan Wigdet Bundle

Tahap #1
Masuk Dashboard Blog -> Halaman -> Halaman Baru.
Cara Membuat Parse HTML Pada Blog

Tahap #2
Pilih HTML -> Copy Sricpt dibawah -> Publish.
Cara Membuat Parse HTML Pada Blog
Kode Script

<script type="text/javascript">
  function convert(){
    var ele1 = document.getElementById("somewhere");
    var replaced;
    replaced = ele1.value;
    replaced = replaced.replace(/&/ig, "&amp;");
    replaced = replaced.replace(/</ig, "&lt;");
    replaced = replaced.replace(/>/ig, "&gt;");
    replaced = replaced.replace(/"/ig, "&quot;");
    replaced = replaced.replace(/&#177;/ig, "&plusmn;");
    replaced = replaced.replace(/&#169;/ig, "&copy;");
    replaced = replaced.replace(/&#174;/ig, "&reg;");
    replaced = replaced.replace(/ya'll/ig, "ya'll");
    ele1.value = replaced;
  }
</script>
<table style="margin: 0px auto; padding: 5px 0; width: 100%;">
  <tbody>
    <tr>
      <td>
        <textarea id="somewhere" style="background: none 0% 0% repeat scroll rgb(248 , 248 , 248); border: 2px solid rgb(204 , 204 , 204); height: 250px; margin: 0px auto; padding: 5px 0; text-decoration: none; width: 100%;">
        </textarea>
        <div>
          <span class="Apple-style-span" style="font-family: &quot;trebuchet ms&quot;; font-size: x-small; line-height: 20px;">Copyright 2018 Parse Tool HTML |&nbsp;Webmaster |&nbsp;
            <a href="https://www.masputro.com/" style="color: #181818; text-decoration: none;">Blogger
            </a>
          </span>
        </div>
        <input 5px="" onclick="convert();" padding:="" style="float: right;" type="button" value="Parse HTML" />
      </td>
    </tr>
  </tbody>
</table>
</div>

Demikianlah tutorial kali ini yang dapat saya bagikan, semoga bermanfaat. Apabila anda masih bingung cara membuatnya, silakan tulis di kolom komentar. Terimakasih Wassalamualaikum.
Penulis : MasPutro.com

Post a Comment

Lebih baru Lebih lama