Kamis, 17 Mei 2012

Cara Menampilkan Kode/Script HTML di Postingan Blog

Haaaiii,..hhehe kali ini saya akan posting tentang "Cara Menampilkan Kode/Script HTML di Postingan Blog"
Kali ini berbagi tips & trick lagi ni..hhehe. Suatu hari saya harus memasukkan kode/script html ke halaman posting. Karena saat itu masih awam langsung saja saya ngawur copy kan script nya. Setelah saya edit bagus-bagus sedemikian rupa ternyata setelah di publish kode itu hilang T.T (tidak ada). Bebrapa kali saya hasilnya tetap sama. Akhirnya saya menemukan pencerahan setelah konsultasi sama Om Google.hhehe. Ternyata itu terjadi karena kode/script html yang kita masukkan itu belum di parse/di urai. Halaman posting di blog kita sebenarnya sama dengan halaman notepad kalau kita membuat web secara manual yaitu menggunakan kode html seperti < atau > dan lainnya, karena konsepnya sama maka saat di save kode-kode itu akan dieksekusi oleh sistem sehingga kode tidak tampak atau malah menjadi widget kode tersebut. Lalau bagaimana agar kode itu tidak tereksekusi? Caranya dengan menguraikan/pasring kode itu. Sulit untu kmenjelaskannya kasih contoh aja yah?hhehe. Dalam script < untuk ditampilkan harus diubah menjadi &lt; .

Contoh :
<script src='http://tc.comze.com/js/preloadpage.js' type='text/javascript'/> 
Setelah di parse hasilnya seperti ini :
&lt;script src='http://tc.comze.com/js/preloadpage.js' type='text/javascript'/&gt;

Berikut karakter yang sering muncul

ResultDescriptionEntity NameEntity Number
non-breaking space&nbsp;&#160;
<less than&lt;&#60;
>greater than&gt;&#62;
&ampersand&amp;&#38;
¢cent&cent;&#162;
£pound&pound;&#163;
¥yen&yen;&#165;
euro&euro;&#8364;
§section&sect;&#167;
©copyright&copy;&#169;
®registered trademark&reg;&#174;
trademark&trade;&#8482;


Untuk melakukannya tidak perlu manual karena itu akan sangat merepotkan dan lama. Kalian bisa menggunakan tool HTML parser yang sudah ada di bawah ini.






Atau kalian bisa menggunakan tool html parser dari  :
Copy kan kode/script ke kolom yang disediakan lalu klik Parse/Encode/Convert untuk mengubahnya.

Nah itu dulu ya kawan. Untuk membuat postingan yang berisi memang diperlukan kerja keras dan pengorbanan.hhehe Semoga bermanfaat. ^_^


Tidak ada komentar:

Posting Komentar