Cara Membuat Kotak Parse HTML Pada Halaman Blog



Membuat Kotak Parse Sederhana Pada Halaman Di Blogger - Pada kesempatan kali ini mimin akan membagikan sebuah script sederhana yang jika di lewatkan maka mubazir rasanya, tools ini sebenarnya sangat berguna bagi agan semua selain dapat meningkatkan para pengunjung pada blog bisa juga sebagai alternatif saat agan semua membutuhkan sebuah tools parse html blog.


Parse Html merupakan penguraian kode maupun script kedalam kode HTML5 yang berguna untuk meresponsifkan template yang agan semua punya, kode tersebut pada umumnya akan dirubah seperti ini :


  • < akan diubah menjadi &lt;

  • " akan diubah menjadi &quot;

  • & akan diubah menjadi &amp;

  • ' akan diubah menjadi &#039;

  • > akan diubah menjadi &gt;



Nah tanpa berlama-lama lagi yuk simak cara nya membuat kotak parse sederahana versi lewatinaja.com.


1. Buka Blog Kalian ->  Pilih Buat Halaman Baru


2. Rubah Setelan Tampilan Menjadi HTML


3. Paste Kode Berikut ini pada pada halaman tersebut


<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace; font-size: large;"><b><br /></b></span>
<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace; font-size: large;"><b>Small Tool Parse HTML</b></span></div>
<center>
<b><div class="style1">
<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;"><i><br /></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="20" id="tarea" onfocus="code_check();" rows="10" style="font-size: 12px; height: 211px; margin: 0px; width: 591px;"></textarea>
<br />
<div style="margin: 0 auto; padding: 5px 0;align:left;float:left;width:100%;">
<b><button onclick="code_convert();" style="margin-right: 5px;" type="button"><span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: large;">Parse Kode HTML</span></button>
<button onclick="code_clear();" style="margin-left: 5px;" type="button"><span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: large;">Clear</span></button> </b></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> 


4. Klik Save lalu publishkan halaman anda dan lihat hasilnya.



Demikian cara membuat kotak parse html sederahan pada halaman blog , akhir kata saya ucapkan terima kasih banyak telah berkunjung di sini semoga artikel ini dapat bermanfaat untuk kalian semua jika terdapat hal yang ingin ditanyakan silahkan berkomentar di bawah ini.

Tampilkan Komentar