Cara Memasang Tool Parse HTML Pada Blog

Pengertian Tool Parse HTML

Mungkin banyak rekan-rekan yang masih bertanya-tanya apa sih tool parse html itu, untuk yang menjadi publisher atau penayang iklan google adsense saya yakin sudah tidak asing lagi dengan tool yang satu ini, karena alat ini memang dibutuhkan sekali agar iklan kita bisa muncul di artikel, terutama untuk iklan yang berada di dalam artikel.

Hanya sekedar mengingatkan saja, tool parse html adalah alat untuk mengurai suatu kode html / java script menjadi susunan text yang bisa dibaca sebagai text yang kita inginkan apabila rekan-rekan ingin review kode suatu widget.



Kode-kode standart yang dapat di parse antara lain :

1. Code [ & ] menjadi [ & ]
2. Code [ < ] menjadi [ &lt; ]
3. Code [ > ] menjadi [ &gt; ]
4. Code [ " ] menjadi [ &quot; ]
5. Code [ ± ] menjadi [ &plusmn; ]
6. Code [ © ] menjadi [ &copy; ]
7. Code [ ® ] menjadi [ &reg; ]

Baiklah kita mulai saja, langkah pertama :

1. login ke menu blogger sobat
2. Klik Template>>>>klik Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode script css di bawah ini, paste tepat di atas kode ]]></b:skin>

.boxarea_BD { background-color:#F2F2F2; border: solid #ccc 1px; border-radius:10px; padding:10px;box-shadow: 1px 1px 2px #ccc;}

.boxarea_BD:hover { background-color:#FFFFFF; border: solid #ccc 1px; border-radius:10px; padding:10px;box-shadow: 1px 1px 2px #ccc;}
.BD_tombol {color:#FFFFFF;font-weight:bold;text-decoration:none;padding:6px 15px;border:1px solid #c4c4c4;cursor: pointer;border-radius: 4px;
background: #fbfbfb;background-color: #000000;}
.BD_tombol:hover{color:#FFFFFF;font-weight:bold;text-decoration:none;background-color: #313333;}

Untuk menempatkan kode script di bawah ini, rekan-rekan bisa meletakkannya di widget tersendiri atau buat laman baru atau juga di artikel baru, tinggal terserah sesuai selera rekan-rekan. Dengan Catatan apabila rekan-rekan ingin meletakkan kode ini di laman atau entri baru, letakkan di HTML bukan di Compose.

<textarea cols="50" rows="15" wrap="virtual" class="boxarea_BD" id="bdkode" placeholder="1. Ketikkan kode html anda disini, 2. Kemudian klik Konversi , 3. Untuk membersihkan klik &quot;Bersihkan&quot; 4. Jenis Kode : &lt; &quot; &amp; &quot; &gt; &amp; &plusmn; &reg; &#169; " spellcheck="false"></textarea>
<br /><span>
<button class="BD_tombol" id="bdclear" onClick="convert();this.disabled = true;" title='Konversi'>KONVERSIKAN</button>
<button class="BD_tombol" onClick="cdClear();" title='Bersihkan'>BERSIHKAN</button>
</span><script type="text/javascript">
function cdClear() {
var wtarea = document.getElementById('bdkode');
wtarea.value = '';
wtarea.focus();
document.getElementById('bdclear').disabled = false;
}function convert(){var ele1 = document.getElementById("bdkode");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script>
<div style="clear: both;">

Nanti hasilnya akan tampak seperti di bawah ini :

Terima kasih apabila rekan-rekan ada yang bisa memasang dan menggunakan tool parse HTML di blog saya ini, selamat mencoba dan semoga bermanfaat ya rekan-rekan. Terima kasih untuk Agan Rivai Silaban.