Cara Msmbuat Parse Tools HTML Di Blogger

NaminaMarwan - Halo sobat! Kali ini admin akan memberikan Tutorial Cara Membuat Tool Parse Pada Blog. Sebelum ke Tutorialnya tahukah kalian apa itu Parse HTML?

Parse HTML merupakan Tool yang berfungsi untuk menghindari error pada kode saat dibuka melalui Browser, agar kode yang di Parse valid menjadi html5 tentunya SEO Friendly. 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) Contohnya berikut ini.

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

Cara Membuat Tool Parse HTML Pada Blog

Sailahkan login Blogger > Klik menu Halaman > Buat Halaman baru.

Lalu kalian beri judul Tool Parse HTML, lalu Pilih Tab HTML (bukan yang Compose) Copy dan Pastekan kode berikut Pada Halaman Tersebut.

<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" 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;georgia&quot; , &quot;times new roman&quot; , serif; line-height: 20px;"><b>HTML Parse Tool - &nbsp;<a href="https://NaminaMarwan.blogspot.com/" style="color: #181818; text-decoration: none;">NaminaMarwan</a></b></span></div>
<input 5px="" onclick="convert();" padding:="" style="float: right;" type="button" value="Parse HTML" /></td></tr>
</tbody></table>

Klik Simpan, selesai!

Untuk kamu yang ingin melihat tampilan dari halaman Parsel Tool HTML silahkan klik tombol Demo dibawah ini.

• DEMO