Cara Menampilkan Kode HTML dalam Postingan Blog

Menampilkan kode HTML di dalam postingan sebuah blog terkadang biasa di lakukan bagi seorang blogger untuk mengshare tutorial tips dan triknya kepada orang lain, misalkan saja seperti tutorial saya sebelumnya Cara Pasang Navigasi Breadcrumb di Blogger. di situ saya memberikan tutorial di mana mengharuskan saya memasukkan kode HTML ke dalam postingan.


Bagi yang sudah tahu, cara untuk menampilkan kode HTML ke dalam posting mungkin sudah biasa di lakukan, namun hal tersebut akan berbeda bagi blogger baru (sama seperti saya sewaktu belajar ngeblog).

Sebagai contoh, coba anda masukan kode dibawah ini untuk ditampilkan kedalam posting blog anda

<table width="400" border="1">
<tr><td>Nama</td><td>Blog</td></tr>
<tr><td>Achmad</td><td>http://www.internetberitaku.com</td></tr>
</table>

Pasti dari kode di atas akan menampilkan hasil table seperti dibawah.

Nama	Blog
Achmad	http://www.internetberitaku.com

Nah yang jadi pertanyaan sebagian blogger ialah bagaimana sih untuk menampilkan kode HTML nya saja dan bukan hasil dari kode tersebut?.

Caranya sih sebenarnya cukup gampang, untuk cara manualnya cukup anda merubah beberapa bagian karakter kode sebelum di letakkan di halaman posting seperti dibawah
Kode   <  Ganti dengan   &lt;
Kode   >  Ganti dengan   &gt;
Kode   "   Ganti dengan   &quot;

Tapi jika dilakukan dengan cara manual tentu sangat melelahkan apalagi jika kode HTML nya sangat banyak, jadi untuk mempercepat pekerjaan anda bisa melakukan Parse menggunakan tools Convert text to HTML entities and vice versa.

Untuk menggunakan tools tersebut carannya ialah cukup copy Kode HTML yang akan ditampilkan kedalam posting blog, pada contoh tutorial ini ialah kode Table diatas. Kemudian pastekan ke halaman tools Convert text to HTML entities and vice versa. Setelah itu tekan tombol Encode.

Ambil kode yang telah di Parse Tool tersebut kemudia copy kembali ke halaman Posting Blog anda dan lihat perbedaannya.

Oh ya selain bisa melakukan Parse Code HTML, Tools Tersebut juga bisa mengembalikan kode yang telah di Parse ke Kode HTML aslinnya.