Cara Membuat Tools Parse HTML di Blogger

Tool parse HTML memang salah satu alat penting bagi seorang blogger. Tujuan dari penggunaan parse HTML itu sendiri adalah untuk meng-konversi atau mengubah kode-kode script, salah satu contohnya seperti kode iklan Adsense. Kode script tersebut perlu di parse HTML agar dapat dipasang didalam template blog dan tidak mengalami error ketika disimpan nantinya.

Cara Membuat Tools Parse HTML di Blogger

Apa Itu Parse HTML ?

Parse HTML adalah sebuah alat untuk mengkonversi kode HTML menjadi karakter entitas atau kode unik HTML secara otomatis agar dapat terbaca dalam format XML. Oleh karena itu seorang blogger juga perlu menggunakan parse HTML  karena tema blogger sendiri menggunakan format XML.

Apakah Semua Kode Akan Berubah Ketika di Parse HTML ?

Sebenarnya ketika kita mem-parse HTML tidak semua kode akan dikonversi, hanya beberapa kode saja yang dirubah. Jadi, jika kita menuliskan kata didalam kode HTML tersebut, maka kata tersebut tidak akan berubah. Berikut ini adalah beberapa contoh kode HTML yang bisa di konversi ketika di parse.

  • tanda < menjadi &lt;
  • tanda > menjadi &gt;
  • tanda " menjadi &quot;
  • tanda ' menjadi &#039;
  • tanda & menjadi &amp;

Cara Membuat Tool Parse HTML di Blogger

Dan dibawah ini adalah langkah-langkah mudah untuk membuat dan memasang alat parse HTML responsive di blogger.

1. Login ke akun Blogger.

2. Pilih menu Halaman > buat Halaman baru.

3. Pada bagian laman, pilih mode HTML, jangan Compose.

4. Kemudian letakkan kode berikut ini didalamnya.

<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><br />
<table style="margin: 0px auto; padding: 5px 0; width: 100%;"><tbody>
<tr><td><textarea id="somewhere" placeholder="'Letakkan script disini'" 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>

<br />
<div>
<span class="Apple-style-span" style="font-family: &quot;trebuchet ms&quot;; font-size: small; line-height: 20px;">Copyright 2019 |&nbsp;Alat parse HTML oleh &nbsp;<a href="https://www.kangtutorial.com/" style="color: #2980b9; text-decoration: none;">kangtutorial.com</a></span></div>
<input 5px="" onclick="convert();" padding:="" style="float: right;" type="button" value="Parse HTML" /></td></tr>
</tbody></table>

5. Jika alat parse HTML ini akan diberi kata pengantar, tulis kata pengantar terlebih dahulu di mode Compose, setelah itu baru masuk ke mode HTML dan masukkan kode script diatas.

Cara Membuat Tools Parse HTML di Blogger

6. Klik Publikasikan.

Untuk melihat contoh hasilnya, klik tombol Demo dibawah ini.


Itulah cara membuat alat parse HTML di blogger. Pemasangan alat parse HTML tersebut sangat cocok untuk blog dengan niche blogging atau coding. Sehingga, dengan adanya alat parse HTML yang tersedia didalam blog tersebut pengunjung tidak perlu repot-repot untuk membuka situs Blogcrowds atau HTML Escape untuk mem-parse HTML.
Semoga bermanfaat dan selamat mencoba. Terima kasih.

Artikel Terkait

Buka Komentar
Tutup Komentar

Belum ada Komentar untuk "Cara Membuat Tools Parse HTML di Blogger"

Posting Komentar

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini atau dengan menghubungi kami di halaman kontak.

1. Centang kotak Notify me/Beri tahu saya untuk mendapatkan notifikasi komentar.
2. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel