Cara Membuat Code Parse HTML Sendiri di Blogger

Small Tool Parse HTML

Cara yang biasa dilakukan adalah dengan menempelkan kode script iklan adsense ke area parser/translator tools dan klik kolom kosong di bawahnya. Kode iklan adsense yang diurai/diubah kemudian akan muncul, atau kode html yang Anda gunakan untuk tutorial akan ditampilkan di halaman tanpa berjalan.

Lalu bagaimana cara membuat tool Parse HTML seperti di atas? Berikut adalah cara melakukan parsing HTML kita sendiri di blog kita, baik di halaman blog atau di posting blog kita sendiri.

Ok, pada tutorial kali ini kita akan membahas bagaimana cara melakukan up-to-date HTML parsing di blog atau website kita masing-masing, anda bisa meletakkan kode ini dimana saja anda mau, demo yang diposting seperti tool di atas:

Silakan salin kode penguraian alat HTML di bawah ini

<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace; font-size: large;"><b><br /></b></span>

<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace; font-size: large;"><b>Small Tool Parse HTML</b></span></div>

<center>

<b><div class="style1">

<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;"><i><br /></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="20" id="tarea" onfocus="code_check();" rows="10" style="font-size: 12px; height: 211px; margin: 0px; width: 591px;"></textarea>

<br />

<div style="margin: 0 auto; padding: 5px 0;align:left;float:left;width:100%;">

<b><button onclick="code_convert();" style="margin-right: 5px;" type="button"><span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: large;">Parse Kode HTML</span></button>

<button onclick="code_clear();" style="margin-left: 5px;" type="button"><span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: large;">Clear</span></button> </b></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>{codeBox}