Cara Menampilkan Kode HTML di Postingan

14 Okt 2013

Bagikan :

Tweet

Kode html ini sangat mengasikkan untuk ditelusuri. Tapi juga memusingkan untuk dipikirkan, haha. Saya tidak begitu ahli, hanya mengerti sedikit saja. Kali ini saya akan share tentang cara menampilkan kode html di postingan.

Semua platform blog -yang saya ketahui- memiliki dua mode dalam area penulisan sebuah post. Mode "compose" untuk tulisan biasa (alfabetis) dan "html" untuk mode hyper text markup language (html). Blogspot maupun wordpress, sama saja.

Tidak sembarangan menampilkan kode html di dalam postingan, ada tips dan triknya agar html itu keluar di dalam postingan.

<a href="http://arisetim.blogspot.com/2013/10/cara-menampilkan-kode-html-di-postingan.html" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNEI4Sfi34Mk03T04MQETCewHKxpetD8pzfqq5eUee1NdMLhFIQ-8pfx4I2da6WZSf1kTZVfXFrFHG0cY8sOYowkJAlbbQWlsOJfcC5TdRYz6f34lTnTRp1c6mcB0F0i6RLldWDXvz20aC/s1600/icon_tools.png" /></a>

Kode tersebut jika serta merta dipasang dalam postingan hanya akan muncul seperti di bawah ini:

Nah, sekarang bagaimana caranya agar bisa muncul di dalam postingan dengan kode yang utuh? jawabannya kita harus terlebih dulu parse kode html yang akan dicantumkan dalam postingan tersebut.

Cara Parse HTML

Dalam bahasa inggris, Parse sendiri mempunyai makna:

1. analyze syntactically by assigning a constituent structure to (a sentence)
source: wordnet30

2. To resolve into its elements, as a sentence, pointing out the several parts of speech, and their relation to each other by government or agreement; to analyze and describe grammatically
source: webster1913

Caranya gampang, tinggal copy kode html tersebut (yang akan dicantumkan dalam postingan) lalu paste ke dalam kotak pada blogcrowds, lihat gambar:

Copy html ke dalam kotak tersebut, lalu klik PARSE, hasilnya seperti di bawah ini

Kode ini yang dipaste ke dalam postingan

Jika sudah dalam bentuk html yang diparse, anda bisa meletakkannya di dlam postingan, dan hasilnya akan seperti kode html di atas, warna biru.

Semoga cara menampilkan kode html di postingan ini bisa bermanfaat untuk pemula. Keep blogging and kee smile *goyang cesar*

Tag : Belajar HTML