Cara membuat alat parse kode script html

Alat parse kode html atau Converter merupakan sebuah tools yang di gunakan untuk mengubah atau mengkonversi script kode iklan ataupun kode html lainnya sebelum anda menempatkannya dengan maksud agar kode script tersebut bisa terbaca serta untuk menghindari terjadinya kesalahan pada saat edit html (error).

Alat parse ini banyak digunakan oleh para pemilik situs ketika mereka ingin memasang script iklan atau kode html lainnya diantara tulisan artikel. Pada bagian post body biasanya tidak disediakan ruang untuk menambahkan gadget seperti pada sidebar atau footer sehingga untuk menempatkan iklan di area tersebut anda harus memasukannya secara manual melalui halaman edit html yang terdapat pada menu tema atau tempalte blog.

Parse HTML Tool

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

Anda bisa menggunakan alat parse di atas untuk memparse kode script html atau bagi anda yang ingin membuat sendiri alat parse tersebut maka silahkan copy kode script di bawah ini.

<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://pandoewijaya.blogspot.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>

Kemudian anda tinggal pilih dimana anda akan membuatnya,apakah pada menu postingan atau pada menu halaman? Selanjutnya buat postingan atau halaman baru,saat anda akan memasukan kode script di atas silahkan klik ikon pensil untuk beralih ke tampilan html kemudian paste pada tampilan tersebut. Untuk melanjutkan menulis anda tinggal klik lagi ikon pensil kemudian pilih tampilan menulis.

Hasilnya akan seperti bentuk alat parse yang ada pada postingan ini.

Demikian cara membuat alat parse kode script html ini telah selesai saya bahas,jika ada yang belum dipahami silahkan bertanya pada kolom komentar atau contact us yang tersedia pada situs ini. Apabila tidak ada kesibukan lain,saya akan menjawabnya sesuai dengan pengetahuan dan kemampuan yang saya miliki. Semoga bermanfaat dan terimakasih atas kunjungannya.