Salam blogger untuk rekan-rekan WBC semua, apa kabar? Kali ini saya akan membahas Cara Menampilkan Kode HTML pada Posting Blog. Alasan saya membahas judul ini karena untuk posting-posting saya tentang tips-tips blogging yang berhubungan dengan kode HTML sudah pasti akan menampilkan kode tersebut pada halaman posting. Dan untuk blogger ini jika menuliskan secara langsung kode HTMLnya maka langsung mengeksekusi kode tersebut, misalkan kode src maka akan langsung menampilkan gambarnya, bukan kode-kode HTML kita inginkan.
<a href='http://danisetiyawan.blogspot.com'>Blog Motivasi | Dani Setiyawan</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,
<a href='http://danisetiyawan.blogspot.com'>Blog Motivasi | Dani Setiyawan</a>
Kode di atas adalah kode HTML link yang sudah diPARSE agar bisa tampil pada postingan kita. Tapi tenang temen-temen semua, bagi kita yang newbie ini kita sudah disediakan 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. Ada 3 web yang direkomendasikan yaitu :
Centricle.com
Kita 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 :
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 :
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 :
Okelah kalo begitu.. Sekarang tinggal saatnya kita manfaatkan tiga web penyedia jasa encode-decode, quick escape, parse HTML, escape HTML dan lain-lain ini. Semoga bermanfaat untuk posting-posting kita selanjutnya.