Parse HTML dan Cara Membuatnya Di Blog

Ini merupakan halaman tools yang dapat anda gunakan untuk melakukan parsing html, dengan melakukan parsing ada banyak kegunaan. Salah satunya adalah anda dapat meletakkan kode iklan adsense atau jenis iklan yang lain di dalam template blog langsung. Sebenarnya tools ini sudah banyak yang menyediakan, namun jika yang lain hanya menyediakan, kali ini saya akan berikan tutorial untuk membuat tools parse html di blog ataupun website anda. Kodenyapun sangat simpel untuk anda terapkan langsung di blog. Sebelum ke tutorialnya silahkan gunakan tools parse di bawah ini.

HTML Code

 
Parsed Code

Oke, sekarang lanjut ke tutorial membuat kode tersebut berjalan di blog anda. Langsung saja, silahkan kopi paste script di bawah ini ke blog anda. Bisa di letakkan ke dalam postingan, ataupun page blog anda.

<div style="text-align: center;">
<b>HTML Code</b></div>
<div style="text-align: center;">
<script type="text/javascript">// <![CDATA[
function $(id){ return document.getElementById(id) } var char2entity = { "'" : ''', '"' : '"',  '<' : '<', '>' : '>',  '&' : '&'}; function encode_entities(str) {   var rv = '';  for (var i = 0; i < str.length; i++) {    var ch = str.charAt(i);    rv += char2entity[ch] || ch;  }   return rv;} function do_encode(e){  $('dst').value = encode_entities(e.value)}
// ]]></script>
<textarea cols="40" onchange="do_encode(this)" onkeyup="do_encode(this)" rows="10" style="font-family: monospace; height: 10em; width: 40em;"></textarea><b> </b><br />
<b>Parsed Code</b></div>
<div style="text-align: center;">
<textarea cols="40" id="dst" onclick="this.select()" onfocus="this.select()" readonly="readonly" rows="10" style="font-family: monospace; height: 10em; width: 40em;"></textarea>
</div>

Tentunya sangat simpel untuk melengkapi blog anda dengan tools yang bermanfaat. Kode tersebut bisa dimodifikasi lho, bisa di tambahkan tombol yang ketika di klik baru menampilkan hasil kode yang sudah parse. Caranya tinggal pindah kode onclick="do_decode(this)" ke button yang telah anda buat. Dan yang lainnya tinggal anda kembangkan lagi sekreatif anda. O iya, jangan lupa untuk share tips ini ke temen - temen mu ya. Keep share!

baghuzx Thursday, October 22, 2015 Blogger Tips