Menampilkan Kode HTML Pada Postingan

Sebenarnya untuk menampilkan kode HTML pada postingan blog (sebagai contoh kode HTML) pernah saya singgung sedikit dalam keterangan tentang cara PEMASANGAN ADSENSE PADA HEADER untuk penggunaan template adsense. Namun karena kurang spesifik dan tidak saya singgung bahwa tips tersebut bisa juga digunakan untuk menampilkan kode HTML pada posting blog, jadinya selalu saja ada pertanyaan yang masuk tentang bagaimana menampilkan kode atau tag HTML pada postingan blog kita.

Demikian pertanyaan terakhir yang masuk,

Kang pgn nanya neh, kotak postingan kn mgndung kode html. Nah sy bngung agar cntoh kode html itu bs tmpil gmn ya, apa ada kode yg khusus.

Jika kita olah satu persatu kode yang ada misalkan untuk satu karakter pembuka saja yang biasa kita lihat berikut: < jika ingin ditampilkan pada postingan maka yang harus kita tulis adalah < dan untuk karakter penutup > yang harus kita tulis agar tampil yang kita maksud adalah > belum lagi karakter lainnya semisal karakter &, tanda kutip dan lainnya.

Sebagai contoh untuk menampilkan kode link HTML sederhana berikut ini, pada postingan,

<a href=���http://hakimtea.com���>Hakimtea</a>

Maka kode di atas harus kita PARSE terlebih dahulu dan yang harus kita tulis sebelum dipublish (pada Edit HTML/HTML bukan Visual/Compose) sebagai berikut,

<code>&lt;a href=&quot;http://hakimtea.com&quot;&gt;Hakimtea&lt;/a&gt;</code>

Kode di atas adalah kode HTML link yang sudah diPARSE agar bisa tampil pada postingan kita.

Cukup membingungkan….? Ga usah bingung karena banyak sekali web yang menyediakan jasa untuk memPARSE kode HTML secara instan, praktis dan cepat agar dapat tampil pada postingan blog kita.

Berikut saya rekomendasikan 3 web yang menyediakan jasa encode-decode, quick escape, parse HTML, escape HTML atau apalah namanya itu yang jelas untuk memparse kode HTML agar dapat tampil pada postingan blog.

Catatan: Sebenarnya ini rahasia para master blog. Tapi karena saya masih newbi jadi saya tidak punya hak untuk merahasiakan tips ini. Kepada para master saya mohon maaf…

PERTAMA, Centricle.com. Anda bisa menggunakan jasa centricle untuk memparse html dan aturannya pun cukup sederhana hanya mengcopy-paste kode html yang akan di parse pada kotak yang telah disediakan kemudian klik ENCODE, maka tampilah kode HTML yang telah diparse dan siap dicopas untuk tampil pada postingan blog Anda. Atau klik DECODE untuk mengembalikan pada kode semua. Berikut screenshotnya,

KEDUA, blogcrowds.com. Aturannya sama dengan centricle Anda cukup mempaste kode HTML pada kotak yang disediakan kemudian klik PARSE. Jika ingin lebih jelas disamping kanannya terdapat instruksi penjelasan tentang cara penggunaan tool satu itu. Berikut screenshotnya,

KETIGA, accessify.com. Demikian pula dengan accessify yang menyediakan jasa layanan Parse HTML dan menamakannya Quick Escape. Setelah kode HTML di paste pada kotak tersedia klik Convert to Escape characters. Berikut screenshootnya,

Demikian tiga layanan web yang bisa Anda gunakan untuk memparse kode HTML agar dapat tampil pada postingan blog.

Selamat memilih dan selamat mencoba…

Jika ada tambahan atau cara lebih simple lain, jangan sungkan untuk menambahkan di kolom komentar ya… terimakasih…

Note: Cara di atas terutama untuk pengguna blogspot. Untuk wordpress dia sudah bisa memparse sendiri pada visual.