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>

1. Cara Membuat Permalink Berekstensi .html atau .php
2. Tips Blogspot, Cara membuat Read More
3. Cara Kompres CSS untuk meningkatkan performa blog
4. Cara Menghilangkan Encrypted Sponsored Footer Link di Free WP Themes
5. Cara Buat Link Tanpa Klik Langsung Terbuka
6. Download Tutorial cara membuat blog dengan wordpress
7. Download Theme HasiAulia.Net
8. Membuat Read More di Blogspot Lebih Mudah
9. Tips SEO, Plugin 10 Artikel terpopuler
10. Cara Pasang Emoticon/Smileys Kaskus
11. CARA MEMBUAT BLOG
12. Cara Baru Pasang Musik Di Blog
13. Agar Postingan Blog Tidak Bisa Di copy-paste
14. Update WordPress Ke Versi 3.0 Plugin Jadi Error