Cara Membuat Halaman Parse HTML di Blogspot

Hay kawan-kawan, kali ini saya akan membagikan sedikit script yang bisa dipasang di halaman blog sobat. Script ini berfungsi untuk membuat sebuah halaman parse kode HTML.

Di kalangan para blogger tentu istilah Parse HTML sudah tidak asing lagi. Tapi tidak semua blogger mengetahui apa itu parse html dan apa kegunaannya terutama bagi blogger pemula seperti saya. Nah, pada artikel kali ini akan saya ulas mengenai kegunaan mem-parse kode html.

Parse HTML, kata parse dalam Bahasa Inggris berarti mengurai. Namun, secara definisi saya berpendapat bahwa Parse HTML adalah mengubah kode-kode atau tanda-tanda tertentu menjadi kode entitas (kode unik). 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) seperti berikut ini.

< akan diubah menjadi <

" akan diubah menjadi "

& akan diubah menjadi &

' akan diubah menjadi '

> akan diubah menjadi >

Mengapa kode html harus diparse terlebih dahulu ? Dengan melakukan HTML Parsing, maka akan mencegah tampilan error di blog ketika dibuka di suatu web browser. Hal ini biasa terjadi pada browser versi lama. Selain itu, mem-parse html dapat membuat kode html yang diparse menjadi lebih seo friendly dan valid html5 jika dibanding dengan yang belum diparse.

Oke lanjut kepada tahap pembuatan halaman parse iklan di blog.

1. Tentunya harus masuk dulu ke blog

2. Buat sebuah laman baru di blog >> pilih HTML

3. Copy script dibawah ini kedalam post laman baru tadi

<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<script type="text/javascript">
function parse_cek(){
var focuscheck=document.getElementById('idparse');if(focuscheck.value.indexOf('Pastekan Disini Kode yang Akan Anda Pasang pada Postingan Blog')>0)focuscheck.value='';}
function parse_clear(){
var wtarea=document.getElementById('idparse');wtarea.value='';}
function parse_convert(){
var ctarea=document.getElementById('idparse');var toConvert=ctarea.value;
var toConvert=toConvert.replace(/&/g,"&");
var toConvert=toConvert.replace(/'/g,"'");
var toConvert=toConvert.replace(/"/g,""");
var toConvert=toConvert.replace(/</g,"<");
var toConvert=toConvert.replace(/>/g,">");
ctarea.value=toConvert;ctarea.focus();ctarea.select();};
var x=document.getElementById('tarea');x.value='\nmasukkan kode HTML disini...\n\nkonversi kode\n < " & \' >\nmenjadi\n < " & ' >\n\nTool by Alviz';x.rows=gr;
</script>KOLOM PARSE IKLAN</div>
<div align="center">
<textarea cols="50" id="idparse" onfocus="parse_cek();" rows="15" style="background: #F1F1F1; border: 2px solid #E1E1E1;"></textarea></div>
<br />
<div align="center" style="text-align: center;">
<input onclick="parse_convert();" style="padding: 10px;" type="button" value="Parse Kode" />
<input onclick="parse_clear();" style="padding: 10px;" type="button" value="Clear" />
</div>

4. Klik pratinjau dulu utuk melihat apakah sudah pas.

5. Jika sudah benar, Klik Publikasikan

Dari script ditas nanti akan membuat sebuah kotak/kolom tempat conversi kode iklan. Selamat, kawan-kawan sekarang sudah punya halaman parse kode html di blog. semoga membantu.

Jika ada yang error atau kotak parse nya tidak tampil, mohon tinggalkan komentar nya.