Cara Membuat Kotak Parser Sendiri di blogger

July 27, 2018

Selamat Datang Di IMAMKUN BLOG - Kemabli lagi dengan saya hari sabtu ini saya 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 adalah suatu fasilitas dari internet yang dimana berfungsi untuk mengkaji/menerjemahkan kode-kode HTML. kek terjemahan bahasa aja ya wkwkkw.

Cara Membuat Kotak Parse Sendiri di blogger
Cara Membuat Kotak Parse Sendiri di blogger 

Nah jika sobat ingin memasang kode HTML di blog sobat dan ternyata mengalami Error maka dari itu tugas dari Parser HTMl ini untuk menerjemahkannya biar kode yang error tersebut jadi tidak error.

Cara Memasang Kotak Parser HTML di Blogger

  1. Log in ke blogger
  2. Saat memasuki Dasbor lalu 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>

5. Publish (Simpan)

Untuk Demonya bisa 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!!

You Might Also Like

0 komentar

Popular Posts

Like us on Facebook

Flickr Images

Subscribe

Tunggu Bentar...