Cara Menciptakan Kotak Parser Sendiri Di Blogger

Selamat Datang Di IMAMKUN BLOG - Kemabli lagi dengan aku hari sabtu ini aku memang akan memperbanyak artikel blog ini ya mumpung lagi libur jadi ada banyak waktu untuk meluangkan ngeposting di blog ini.

Oke. Sebelum kita memasuki tahap pemasangannya kita pahami terlebih dahulu pengertian dari Parser HTML. Apa sih Parser HTML itu?

Parser HTML ialah suatu akomodasi dari internet yang dimana berfungsi untuk mengkaji/menerjemahkan kode-kode HTML. kek terjemahan bahasa aja ya wkwkkw.

 Kemabli lagi dengan aku hari sabtu ini aku memang akan memperbanyak artikel blog ini ya Cara Membuat Kotak Parser Sendiri di blogger
Cara Membuat Kotak Parse Sendiri di blogger 

Nah bila teman ingin memasang isyarat HTML di blog teman dan ternyata mengalami Error maka dari itu kiprah dari Parser HTMl ini untuk menerjemahkannya semoga isyarat yang error tersebut jadi tidak error.

Cara Memasang Kotak Parser HTML di Blogger

  1. Log in ke blogger
  2. Saat memasuki Dasbor kemudian pilih Pages (Halaman)
  3. Klik New Page (Halaman Baru)
  4. Copy dan Pastekan Kode dibwah ini di HTML bukan di Compose
<div style="text-align: center;"> <br /></div> <div style="text-align: left;"> <br /></div> <div dir="ltr" style="text-align: center;" trbidi="on"> <div class="style1"> <div style="text-align: center;"> <span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace; font-size: large;"><b>Alat Parse HTML&nbsp;</b></span><br /> <span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace; font-size: large;"><b>&nbsp;</b></span> </div> <center> <b><span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;"> </span><div class="style1"> <span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;">Paste Script Kode HTML kedalam Bidang Kotak dibawah ini</span> <span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;">Kemudian klik tombol "<span style="color: red;"><span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;">Convert</span></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: 100%; width: 100%;"></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> </div>

Baca Juga

5. Publish (Simpan)

Untuk Demonya dapat klik DEMO  Dibawah ini:

Nah sekian untuk tutorial Cara Membuat Kotak Parser Sendiri Di blogger dengan mudah. Jika ada yang inigin ditanyakan silahkan berkomentar dibwah ya!

happy Blogging!!

Artikel Terkait

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel