Membuat Alat Parse HTML Di Postingan Blog

Parse HTML, kata itu masih terbilang awam bagi para blogger yang masih pemula. Apa itu Parse HTML ? Adalah mengubah kode HTML yang sudah baku menjadi kode-kode unik yang nantinya masih bisa dibaca oleh sebuah blog. Sehingga terhindar dari tampilan error pada blog atau website.

terkadang dalam pengembangan dan merancang sebuah blog, suatu saat kita pasti membutuhkan alat parse HTML ini, seperti dalam artikel Menambah Kotak Iklan Di Tengah Postingan Blog. Melakukan parse sebelum untuk mengubah kode HTML sebelum meletakkannya di Edit HTML blog, akan membuat kode tersebut terbaca oleh blog dan tidak error waktu dibuka.


Kita bisa membuat sendiri Alat Parse HTML tersebut di blog yang kita miliki. Tanpa membuka blog lain waktu kita ingin menggunakannya. Lalu, bagaimana cara membuat Alat Parse HTML tersebut di blog yang kita miliki ? Ikuti beberapa langkah singkat di bawah ini :

Silakan Copy Paste kode di bawah ini dan letakkan pada postingan blog dengan mode HTML dan bukan compose.

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="style1">
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace; font-size: large;"><b><u><a href="http://www.miniblogger28.com">Parse HTML Tool</a></u></b></span><br />
<br /></div>
<center>
<b><span style="font-family: Courier New, Courier, monospace;">
</span><div class="style1">
<span style="font-family: Courier New, Courier, monospace;">Masukkan Script Kode HTML kedalam Kotak dibawah ini</span><br />
<span style="font-family: Courier New, Courier, monospace;">Kemudian klik "<span style="color: red;">Parse</span>"<i>&nbsp;</i></span></div>
</b></center>
<center>
<b>
<div style="text-align: center; width: 100%;">
<div style="margin: 0 auto; padding: 0; width: 100%;">
<div id="mainDiv" style="padding: 2px 0;">
<textarea cols="21" id="tarea" onfocus="code_check();" rows="10" style="font-size: 12px; height: 80%; width: 80%;"></textarea>
<br />
<div style="margin: 0 auto; padding: 5px 0; width: 95%;">
<button onclick="code_convert();" style="margin-right: 5px;" type="button">Parse</button>
<button onclick="code_clear();" style="margin-left: 5px;" type="button">Clear</button> </div>
</div>
</div>
</div>
<script>
function code_check(){
var focuscheck=document.getElementById('tarea');if(focuscheck.value.indexOf('Pastekan Disini Kode yang Akan Anda Pasang pada Postingan Blog')>0)focuscheck.value='';}
function code_clear(){
var wtarea=document.getElementById('tarea');wtarea.value='';}
function code_convert(){
var ctarea=document.getElementById('tarea');var toConvert=ctarea.value;
var toConvert=toConvert.replace(/&/g,"&amp;");
var toConvert=toConvert.replace(/'/g,"&#039;");
var toConvert=toConvert.replace(/"/g,"&quot;");
var toConvert=toConvert.replace(/</g,"&lt;");
var toConvert=toConvert.replace(/>/g,"&gt;");
ctarea.value=toConvert;ctarea.focus();ctarea.select();};
</script>
</b></center>
</div>
</div>

Parse HTML Tool

Masukkan Script Kode HTML kedalam Kotak dibawah ini
Kemudian klik "Parse" 

Sekarang kita telah memiliki alat Parse HTML sendiri. Silakan coba alat di atas, semoga bekerja baik di blog.

Salam sukses selalu.