Menampilkan Kode HTML kedalam Postingan

Sempat bingung juga saya ketika mau menulis artikel di blog ini yang didalamnya terdapat HTML kode seperti ini, jika kode tersebut mau kita sharing ke yg lain. Menampilkan kode HTML dipostingan tidak dapat digunakan/dilihat sebab browser tidak memungkinkan untuk menayangkan kode tersebut.
Setelah saya cari-cari dengan bantuan Om-Google, akhinya saya temukan juga posting artikel dari blognya kang Rohman yang membahas tentang cara untuk menampilkan kode HTML ke dalam postingan.

Ada beberapa cara yang dapat di lakukan:
pertama yaitu kita harus mengganti karakter-karakter perintah dari format HTML dengan notasi tertentu. Karakter-karakter yang sering digunakan antara lain dapat dilihat pada tabel di bawah:

 

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

Misalkan dalam postingan anda berisi kata-kata seperti ini :

 

<a href="ymsgr:sendIM?idym_kita"> <img border=0 src="http://opi.yahoo.com/online?u=idym_kita&amp;m=g&amp;t=1" /> </a>

 

Jika kita ingin tampil seperti itu maka yang di tuliskan tidak persis seperti kode di atas, sebab nanti di postingan tulisan kode tersebut tidak akan muncul, yang ada justru efek dari kode yang kita tuliskan tersebut langsung di terjemahkan ke dalam bahasa HTML. seperti ini

trus jalan keluarnya gimana? Seperti yang saya tuliskan pada daftar di atas, kita harus mengganti karakter-karakter perintah yang ada dengan notasi penggantinya, jadi yang harus kita tuliskan pada postingan adalah seperti ini :

<a href=& quot;ymsgr:sendIM?idym_kita">
<img border=0 src="http://opi.yahoo.com/online?u=idym_kita&m=g&t=1" /> & lt;/a>

Pembubuhan perintah adalah untuk menandakan bahwa yang kita tulis adalah sebuah kode HTML dan nantinya tulisan-tulisan yang berada dalam perintah ini akan tanpil beda dengan tulisan-tulisan yang lainnya, sebagai contoh bisa dilihat pada postingan saya lainya yang membubuhkan kode-kode HTML.

Pembubuhan perintah adalah untuk membuat tulisan berpindah kebawah, jika kita tidak membubuhkan perintah tadi, walaupun di posting-an kita tulis jauh kebawah, hasilnya akan tetap bersatu.

Ribet juga yach klo kita mau menampilkan posting HTML ke postingan! harus ganti satu-satu apalagi klo kode HTML nya lumayan banyak bisa pusing tujuh keliling :D . tapi jangan kuatir masih ada cara yang lebih simpel dan instan yang tidak mau capek ganti kode secara manual.

Ada beberapa website yang menyediakan fasilitas perubahan kode HTML agar bisa di tampilkan ke dalam postingan misalnya web ini yang paling sering saya pakai. Kita tinggal memasukan kode HTML yang akan kita masukan seperti gambar di atas  secara otomatis kode HTML tersebut akan berubah dengan sendirinya.

Selamat mencoba dan semoga bermanfaat.

test feed