Langsung ke konten utama

Cara Mudah Membuat Parse HTML Tools di Halaman Blog

Parse HTML di gunakan untuk mengkonversi kode HTML, biasanya parse HTML tools ini di gunakan untuk mengkonversi iklan Google AdSense agar bisa di masukan ke dalam HTML blog anda.

(Baca juga : Cara Memasang In-Article Ads Google AdSense Secara Otomatis)

Cara Mudah Membuat Parse HTML Tools di Halaman Blog
Cara Mudah Membuat Parse HTML Tools di Halaman Blog

Mengenal Parse HTML Tools

Parse HTML, kata parse dalam Bahasa Inggris berarti mengurai. Namun, secara definisi saya berpendapat bahwa Parse HTML adalah mengubah kode-kode atau tanda-tanda tertentu menjadi kode entitas (kode unik). Kode-kode yang biasanya diubah yaitu tanda lebih kecil (<), petik dua ("), ampersand (&), petik satu ('), tanda lebih besar (>). Kode-kode tersebut akan diubah menjadi kode-kode yang unik (kode entitas) seperti berikut ini.
  • < akan diubah menjadi &lt;
  • " akan diubah menjadi &quot;
  • & akan diubah menjadi &amp;
  • ' akan diubah menjadi &#039;
  • > akan diubah menjadi &gt;
Mengapa kode html harus diparse terlebih dahulu ?
Dengan melakukan HTML Parsing, maka akan mencegah tampilan error di blog ketika dibuka di suatu web browser. Hal ini biasa terjadi pada browser versi lama. Selain itu, mem-parse html dapat membuat kode html yang diparse menjadi lebih seo friendly dan valid HTML5 jika dibanding dengan yang belum diparse.
(Sumber : searfind.blogspot.co.id)

(Baca juga : Cara Escape Script Code Agar tampil Lebih Baik di Artikel Blogger)

Nah kalau kalian sudah mengerti apa itu parse HTML tools, sekarang saya akan memberikan cara memasang parse HTML tools ini di halaman blog. Untuk cara memasangnya, ikuti langkah-langkah dari saya berikut ini.

Cara Memasang Parse HTML Tools di Halaman Blog

  • Langkah pertama masuk ke akun blogger anda
  • Pilih menu Laman, kemudian pilih Laman baru
  • Masukan Judul Laman, pilih tab HTML, kemudian masukan kode di bawah ini
<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:0 auto"><tbody>
<tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px"></textarea><br/>
<input onclick="convert();" style="padding: 5px;" type="button" value="Parse Script" /></td> </tr>
</tbody></table>
  • Setelah selesai, pilih Simpan, kemudian Publikasikan
  • Jika berhasil, maka tampilannya akan seperti ini.


(Baca juga : Cara Memasang Lebih Dari 2 In-Feed Ads Google AdSense)

Demikian tutorial singkat dari saya mengenai cara mudah membuat parse HTML tools di halaman blog. Jika ada pertanyaan mengenai cara memasangnya atau tentang parse HTML tools ini, silahkan masukan ke dalam kolom komentar.

Terima kasih sudah berkunjung di blog Tutorial Umum. Untuk tutorial yang lainnya silahkan tetap kunjungi blog Tutorial Umum.

Source :
https://searfind.blogspot.co.id/2014/06/mengenal-apa-itu-parse-html-dan-fungsinya.html
http://www.bungfrangki.com/2015/04/pasang-parse-html-tools-valid-html5-di-blogspot.html?m=1

Postingan populer dari blog ini

Cara Membuat Widget Breaking News 2 Style di Blogger

Breaking News atau headline news biasa kita lihat di televisi. Breaking news ini biasanya menayangkan berita-berita terbaru secara sekilas, namun tidak hanya di televisi saja kita bisa melihat breaking news atau headline news ini, di website berita juga selalu ada. Untuk itu pada tutorial kali ini saya akan memberikan tutorial cara membuat widget breaking news 2 style di blogger . Widget breaking news ini biasanya di gunakan oleh situs atau blog dengan niche berita, namun bagi agan yang mau menggunakan widget ini selain niche berita juga di perbolehkan, karena berdampak positif bagi blog seperti menambah view dan memberitahukan kepada visitor bahwa ada artikel lainnya di dalam blog atau situs agan. (Baca juga :  Cara Membuat Widget Random Post Warna Warni dengan Counter di Blog ) Style Widget Breaking News Widget breaking news yang saya bagikan ini memiliki 2 style, berikut tampilan widget breaking news 2 style : Style 1 Widget breaking news ini memiliki cara pemasangan yang tida...

Cara Membuat Widget Artikel Terbaru Super Ringan di Blog

Widget artikel terbaru adalah widget yang paling penting dalam sebuah blog, karena pengunjung blog harus tahu apa saja artikel yang sedang kita update. Widget artikel terbaru juga sangatlah penting jika kita sedang ingin mendaftar menjadi publisher di Google Adsense . Widget ini sangat di rekomendasikan bagi kalian dalam tahap review adsense. Untuk itulah kali ini saya akan memberikan cara membuat widget artikel terbaru . Baca juga :  Cara Mudah Membuat Widget Artikel Pilihan Di Blog Widget yang saya berikan ini adalah widget yang ringan, jadi tidak perlu takut untuk memasang widget ini. Baiklah untuk cara memasang widget artikel terbaru di blog, ikuti langkah-langkah dari saya berikut ini. Baca juga :  Cara Membuat Widget Recent Comments Ringan di Blog Cara Memasang Widget Artikel Terbaru Super Ringan di Blog Langkah pertama masuk ke akun Blogger kalian. Pilih menu Tata Letak . Kemudian pilih lokasi widget yang kalian inginkan, pilih Tambahkan Gadget . Lalu pilih HTML/Javasc...