Cara Memasang Parse Tool HTML Converter

Pada kesempatan ini, admin akan memberikan tutorial Cara Memasang Parse Tool HTML Converter di Blog. Admin ga akan bahas apa itu parse tool atau HTML Converter, silahkan temen-temen bisa cari di mbah google yah...

Biasanya Parse Tool ini udah makanan sehari-hari para Blogger yang mendesign template, menulis konten yang menggunakan code, atau yang ingin pasang kode iklan AdSense di blog.



Parse Tool yang saya berikan ini sudah ada demo nya di blog saya yah.. silahkan cek demo nya di blog ini.

Cara Memasang Parse Tool HTML Converter

Log in Blog > Buat halaman baru > pilih HTML > Salin kode di bawah ini dan masukan ke dalam kolom HTML > Simpan

Silahkan masukan <b>kode</b> yang ingin kamu <b>parse</b>, setelah itu klik <b>Konversi</b> maka akan muncul hasil kode yang sudah di parse silahkan langsung di salin
<style type="text/css">
#codes {
  border:1px solid #666;
  width:98%;
  height:200px;
  margin:5px auto 10px;
  display:block;
}

.button-group {
  margin:0 auto;
  text-align:center;
}
</style>
<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik &#39;Konversi&#39;"></textarea>
<div class="button-group">
<button id="convert">Konversi</button>            <button id="clear">Bersihkan</button>
</div>
<script type="text/javascript">
$(function() {
    $('button#convert').click(function() {
        $('textarea#codes').val(
        $('textarea#codes').val()
            .replace(/&/g, "&amp;")
            .replace(/</g, "&lt;")
            .replace(/>/g, "&gt;")
            .replace(/"/g, "&quot;")
            .replace(/'/g, "&#39;")
        ).focus().select();
        return false;
    });
    $('button#clear').click(function() {
        $('textarea#codes').val('').focus().select();
        return false;
    });
});
</script>

Silahkan temen-temen bisa coba sendiri hasilnya yah... sekian tutorial Cara Memasang Parse Tool HTML Converter dari admin...