Cara Mudah Membuat Alat Parse HTML di Blogger

Alat Parse HTML yaitu suatu akomodasi di internet yang berfungsi untuk menterjemahkan kode-kode HTML ke dalam suatu bentuk aksara tertentu. Parse HTML ini dalam kondisi tertentu sangatlah diharapkan dan bermanfaat dalam aktivitas blogging. Adakalanya ketika kita hendak membagikan serangkaian instruksi HTML dan ingin mempostingnya di artikel, maka tidak mampu secara eksklusif mengcopy/pastenya di postingan secara bulat-bulat. Karena nantinya instruksi tersebut akan diterjemahkan oleh si blog sebagai sebuah instruksi HTML asli yang memuat sebuah perintah. Sehingga tidak akan muncul sebagai sebuah teks biasa.

Makara untuk mampu menuliskan rangkaian instruksi HTML ke dalam sebuah postingan, maka instruksi tersebut harus di-parse terlebih dahulu dengan Alat Parse HTML tersebut.

Selain itu, Parse HTML juga sangat diharapkan ketika hendak menempatkan instruksi iklan AdSense di area postingan. Yang mana untuk menempatkan instruksi iklannya, khusus di blogspot harus masuk melalui halaman edit HTML di pengaturan templatenya. Sehingga untuk mampu membuat iklannya muncul di postingan, maka instruksi iklan HTML iklan adsensenya harus terlebih dahulu di-parse sebelum dicopy/paste di edit HTML.

Adapun untuk mem-parse instruksi HTML tersebut, kita mampu melakukannya melalui alat parse instruksi HTML yang banyak terdapat di Internet tentunya. Salah satunya di blog saya ini juga sudah saya sediakan alat untuk Parse instruksi HTML. Seperti terlihat di bawah ini. Silahkan mampu eksklusif Anda coba :)

Alat Parse HTML

Ketikkan / Paste Script Kode HTML kedalam Bidang Kotak dibawah ini
Kemudian klik tombol "Parse Kode HTML" 

Namun bagi sahabat yang menginginkan alat Parse HTML ini tersemat di blognya, maka gampang saja. Berikut akan saya berikan tutorial untuk membuat dan memasang alat parse HTML di blog. Sehingga nantinya sahabat mampu memiliki alat parse HTML sendiri di blognya, tidak perlu lagi menggunakan alat parse HTML dari situs lain. Adapun karenanya akan ibarat terlihat di atas.

Oke, berikut yaitu cara simpel yang mampu sahabat lakukan.
1. Seperti biasa, pastinya login ke akun blogger.
2. Tentukan di mana sahabat akan menempatkan alat parse HTML ini, di laman static (page) atau di postingan/entri biasa. Tapi saya sarankan tempatkan di Laman (Static Page). Klik menu Laman dan pilih Laman Baru.
3. Setelah masuk halaman posting Static Page, setel ke Mode input HTML (bukan Compose).
Kemudian Copy instruksi di bawah ini dan pastekan di halaman input HTML tersebut.

<div dir="ltr" style="text-align: center;" trbidi="on">
<div class="style1">
<div style="text-align: center;">
<span style="font-family: Arial, Courier, monospace; font-size: large;"><b><u><a href="http://www.bangrusman.com/p/parse-kode-html.html">Alat Parse HTML</a></u></b></span>
</div>
<center>
<b><span style="font-family: Arial, Courier, monospace;">
</span><div class="style1">
<span style="font-family: Arial, Courier, monospace;">Ketikkan / Paste Script Kode HTML kedalam Bidang Kotak dibawah ini</span>
<span style="font-family: Arial, Courier, monospace;">Kemudian klik tombol "<span style="color: red;">Parse Kode HTML</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>
<div style="margin: 0 auto; padding: 5px 0; width: 95%;">
<button onclick="code_convert();" style="margin-right: 5px;" type="button">Parse Kode HTML</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>

4. Setelah di-paste, sahabat mampu eksklusif klik tombol Publish / Publikasikan.

Bagaimana, cukup mudah bukan? Itulah kira-kira sedikit penjelasan perihal Alat Parse HTML dan tutorial cara membuatnya untuk mampu disematkan di blog sahabat masing-masing. Semoga tutorial ini bermanfaat bagi sahabat semua. 

Sekian dan terima kasih.