Cara Menampilkan Kode HTML

Biasa nya para blogger suka memberikan tutorial untuk membuat widget di blog dengan menggunakan kode HTML. Dan tidak jarang kode HTML itupun di tampilkan di dalam postingan, namun untuk melakukan postingan HTML di artikel biasa nya nanti akan berubah menjadi kode yang langsung berubah menjadi tidak terlihat.

Supaya kode HTML yang kita tulis di blog kita bisa terlihat, maka kita harus melakukan beberapa langkah pengkodean HTML pada kodeHTML tersebut, berikut pengkodean nya:

Sebagai Contoh :

<a href=”http://hasiaulia.net/” target=”_blank” title=”Hasi Aulia Weblog”>hasiaulia.net</a>

Agar kode HTML nya tertampil maka penulisannya sebagai berikut:

&lt;a href=&quot;http://hasiaulia.net/&quot; target=&quot;_blank&quot; title=&quot;hasi aulias Weblog&quot;&gt;hasiaulia.net&lt;/a&gt;

Memang terlihat sulit untuk menampilkan kode HTML karena kita harus mengganti beberapa kode HTML menjadi seperti yang saya sebutkan di atas, namun ada cara yang lebih mudah lagi untuk menampilkan kode HTML dengan menggunakan situs encode dan decode, jadi kita tinggal memasukan kode HTML biasa dan selanjutnya akan diubah secara otomatis oleh situs tersebut, berikut ini adalah URL situs tersebut:

http://centricle.com/tools/html-entities/

dan

http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php

dan

http://www.blogcrowds.com/resources/parse_html.php

tinggal pilih aja yang mana yang mau di pakai, sebenarnya masih banyak sih, tapi 3 itu sudah cukup koq. Ada satu lagi tambahan tutorialnya, yaitu apabila kita ingin memberikan teks area pada kode HTML yang ingin kita tampilkan, berikut cara nya.

Kode yang ditulis adalah:

<p align=left><textarea name=”code” rows=”3″ cols=”35″><a href=”http://hasiaulia.net/” target=”_blank”>Hasi aulia’s Weblog</a></textarea></p>

hasilnya akan seperti:

<a href=””http://hasiaulia.net/”” mce_href=””http://hasiaulia.net/”” target=”_blank”>Hasi aulia’s Weblog</a>