Cara Menampilkan Kode HTML di Postingan Blog

Assalamu’alaikum dunsanak....

Beberapa hari yang lalu, teman satu kelas bertanya, “Dri, gimana sich caranya supaya ‘kurung kecil dari <, besar dari >’ tampil di postingan blog?”
Nah, kenapa karakter ini tidak muncul?
Karena 'kurung besar dari >, kecil dari <' ini dianggap sebagai salah satu syntax kode HTML.
Jadi, bagaimana untuk menampilkannya di postingan blog?

Ada 2 cara yang bisa dunsanak lakukan, antara lain:

1. Dunsanak harus mengganti karakter-karakter/kode-kode perintah dari program HTML dengan kode tertentu.
   Berikut beberapa karakter yang sering digunakan:

   Karakter	Notasi	Keterangan
   <	&lt;	Kurung kecil dari terbuka
   >	&gt;	Kurung besar dari tertutup
   &	&amp;	Tanda 'dan'
   "	&quot;	Tanda 'petik dua'
   ±	&plusmn;	Tanda 'plus minus'
   	&nbsp;	Spasi (Ngak keliatan,, ya lah, namanya juga spasi... hehe :-D)
   ©	&copy;	Tanda 'copyright' (hak cipta)
   ®	&reg;	Tanda 'registered' (terdaftar)

   
   Misalnya, dunsanak akan menuliskan berikut ini di postingan:
   <b><u>Tulisan cetal tebal dan garis bawah</u></b>
   
   Maka cara penulisan kodenya supaya tampil di postingan blog adalah:
   &lt;b&gt;&lt;u&gt;Tulisan cetal tebal dan garis bawah&lt;/u&gt;&lt;/b&gt;
    

2. Cara yang kedua adalah dengan menggunakan textarea.
   Kode HTML yang digunakan untuk membuat textarea adalah <textarea>...</textarea>.
   Contoh:
   <textarea rows="5" cols="28"><b><u>Tulisan cetal tebal dan garis bawah</u></b></textarea>
   
   Maka yang akan muncul di postingan blog adalah:
   <b><u>Tulisan cetal tebal dan garis bawah</u></b>  

Bagaimana dunsanak? Cukup mudah bukan?
Silahkan dicoba yo...!
Makasii dunsanak, semoga bermanfaat, dan jangan lupa tinggal komentar ya... ^_^

Wassalamu’alaikum....

Posted in: Blogger.com , Blogspot.com , HTML , Tutorial , Tutorial Blog