Cara Menampilkan Kode HTML

Mungkin di antara kita sering membuat atau menulis beberapa isi postingan blog dalam bentuk kode HTML namun setelah dilihat pada mode visual ternyata kode yang kita tulis tidak muncul di postingan. Bagaimana cara agar kode HTML tampil di postingan? Ada beberapa hal yang dapat kita lakukan untuk menampilkan kode HTML di halaman posting atau kode yang ditulis bisa nampak di posting blog kita.

Pertama kita perlu mengganti beberapa karakter HTML, maksudnya kita mesti mengganti kode-kode yang sering kita gunakan pada penulisan seperti:

< diganti dengan &lt;
> diganti dengan &gt;
& diganti dengan &amp;
diganti dengan &quot;
± diganti dengan &plusmn;
spasi diganti dengan &nbsp;

Contohnya:

<a href=”https://heryantony.com/” target=”_blank” title=”Heryan Tony’s Weblog”>heryantony.com</a>

Agar tampil kode seperti di atas maka kita perlu menuliskan kodenya seperti berikut:

&lt;a href=&quot;https://heryantony.com/&quot; target=&quot;_blank&quot; title=&quot;Heryan Tony’s Weblog&quot;&gt;heryantony.com&lt;/a&gt;

Cara yang kedua yaitu dengan menggunakan jasa dari Website Encode and Decode seperti centricle.com, di sini kita tinggal meng-copy and paste hasil dari encode atau decode dari websitenya ke postingan kita. Encode berarti mengubah ke bentuk notasi dan decode mengganti ke bentuk karakter HTML semula. Yang lain seperti accessify.com, Blogcrowds, dll.

Sedangkan cara selanjutnya kita dapat menggunakan bantuan text area untuk meletakkan kode HTML kita. Cara ini mengharuskan kita membuat text area terlebih dahulu kemudian kita meletakkan kode HTML di dalam text area yang telah dibuat tadi. contoh:

Kode yang ditulis adalah:

<p align=left><textarea name=”code” rows=”3″ cols=”35″><a href=”https://heryantony.com/” target=”_blank”>Heryan Tony’s Weblog</a></textarea></p>

Selain cara di atas, bila anda tidak ingin pusing silakan ketik kode postingan yang ingin ditampilkan pada mode “Visual” maka anda akan mendapatkan apa yang anda ketik “What You See Is What You Get” 😀

Selamat mencoba!

26 thoughts on “Cara Menampilkan Kode HTML

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *