Cara Membuat Alat Parse Kode HTML

Posted by Arsyad 32 on Senin, 29 Desember 2014


Cara membuat nya sangat mudah . Sobat blogger tinggal copy kode script di bawah ini dan taruh di blog masing-masing . Ok sebelum kita melangkah ke tahap bagaimana kita menaruh kode saya akan sedikit menjelaskan apa itu Parse HTML Tool
Parse HTML atau Parse Kode adalah tool atau perangkat yang digunakan untuk mem-parse atau konvert kode -kode script/javascript- secara otomatis sehingga mempermudah dalam pemasangan atau instalasi di blog atau halaman posting. Umumnya tool ini diperlukan untuk konvert atau parsing kode  pada kode-kode script iklan, seperti script iklan AdSense atau yang lain. Atau juga bagi Anda yang banyak menulis atau posting artikel dengan banyak menggunakan kode javascript yang perlu di parse atau konvert sebelum dipublish agar tidak ada problem error. .


Oke langsung cara ke cara pembuatanya:

* Login Akun Blogger seperti Biasa
* Pada Dashboard Klick Entri Baru/tulis posting baru
* Pada Ruang Posting Klick HTML ( ingat pada mode  bukan Compose)
* Lalu Copy kode dibawah ini dan Pastekan pada ruang posting (pada mode 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://arsyad32.blogspot.com/p/parse-html-tool-masukkan-script-kode.html">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 Kemudian klik "<span style="color: red;">Convert</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">Convert</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>


*Setelah Kode diatas terpasang lalu publikasikan.

tampilan Parse Toolnya bisa dilihat disini 

Blog, Updated at: 17.09

3 komentar:

  1. Wah bagus gan, saya sudah membuat halaman parse kode html. Hasilnya sukses berkat tutorial dari agan.

    BalasHapus
  2. Terimakasih gan arsyad sudah membuat artikel ini, saya sudah pasang di blog saya dan alat parsenya bekerja.

    BalasHapus
  3. Terimakasih Bang Arsyad Artikelnya sangat membantu sekali,

    BalasHapus