Menampilkan code HTML di dalam Posting

Awalnya saya juga mengalami kesulitan saat memposting artikel yang didalamnya ada code HTML, Namun setelah browsing dan belajar kini saya mengerti bagaimana memunculkan code HTML di dalam postingan. Yang pertama yaitu kita harus mengganti karakter-karakter perintah dari program HTML dengan notasi tertentu. Karakter-karakter yang sering di gunakan yaitu seperti yang tertera pada tabel di bawah ini :

Karakter	Notasi	Keterangan
<	&lt;	Kurung runcing terbuka
>	&gt;	Kurung runcing tutup
&	&amp;	Tanda Dan
"	&quot;	Tanda petik ganda
±	&plusmn;	Tanda plus minus
Spasi	&nbsp;	Tanda Spasi
©	&copy;	Tanda hak cipta (copyright)
®	&reg;	Tanda terdaftar (Registered)

Agar lebih paham kita langsung ke TKP aja, Misalkan didalam postingan kita ingin memunculkan kata-kata seperti ini :

Copy aja kode yang dibawah :

<meta content=’Description Blog‘ name=’description’/>

<meta content=’Keywords Blog‘ name=’keywords’/>

<meta content=’Nama Author‘ name=’author’/>

Maka dari kode di atas harus kita buat seperti ini :

Copy aja kode yang dibawah :

&lt;meta content=’Description Blog‘ name=’description’/&gt;<br/><br/>

&lt;meta content=’Keywords Blog‘ name=’keywords’/&gt;<br/><br/>

&lt;meta content=’Nama Author‘ name=’author’/&gt;

Penjelasan :
Sesuia dengan tabel code diatas maka setiap ketemu code "<" maka harus kita parse menjadi "&lt;" begitu juga dengan code-code yang lain. Untuk "<br/>" ini berarti break line / enter klu di keyboard, jadi kalau mau memberi jarak enter yang banyak bikin aja "&lt;br/&gt;" yang banyak juga. Agar lebih mudah untuk memparse HTML pergi ke SINI.

Nah untuk variasi kita bisa menggunakan text area, cara membuat text area selengkapnya bisa di baca disini. Sebagai contoh untuk menuliskan code-code diatas didalam text area maka kita harus menulis seperti ini :

Copy aja kode yang dibawah :

<p align="left"><textarea name="code" rows="6" cols="55">

&lt;meta content=’Description Blog‘ name=’description’/&gt;

&lt;meta content=’Keywords Blog‘ name=’keywords’/&gt;

&lt;meta content=’Nama Author‘ name=’author’/&gt;

</textarea></p>

Maka akan tampil seperti ini :

<meta content=’Description Blog‘ name=’description’/><meta content=’Keywords Blog‘ name=’keywords’/><meta content=’Nama Author‘ name=’author’/>

Selamat Mencoba