Menampilkan perintah html dalam blog

Menampilkan kode HTML pada halaman postingseperti misalnya "tanda lebih kecil" ( < ) atau "tanda lebih besar" ( > ), tidak dengan serta merta dan secara langsung menekan tombol <> dari papan keyboard kita, apalagi jika kode-kode tersebut telah terintegrasi dalam bentuk kode HTML tertentu.

Dalam kasus seperti ini, jika pengetikannya tidak dilakukan dengan cara tertentu pula, maka komputer pasti akan menerjemahkan sebagai perintah, sehingga yang tampil pada halaman posting bukan kode HTML yang dimaksud tetapi merupakan hasil dari perintah kode HTML tersebut. Padahal yang diinginkan sebenarnya adalah kode tersebut tampil dalam bentuk yang asli. Contoh sederhananya seperti ini, misalnya kita ingin menampilkan kode HTML pada halaman posting yang berbentuk link ke www.blogger.com. Untuk menampilkan bentuk kode link ke www.blogger.com, kodenya seperti ini :



<a href="http://www.blogger.com">www.blogger.com</a>

penulisan kode ini bila dibahasakan, maka akan menjadi seperti ini :

"tanda lebih kecil", huruf "a", spasi, kemudian "href", tanda "sama dengan", tanda petik ("), kemudian "http", lalu "titik dua", "garis miring" dua kali, lalu "www titik blogger titik com", kemudian tanda petik ("), tanda "lebih besar", selanjutnya "www titik blogger titik com", tanda "lebih kecil", kemudian "garis miring", lalu huruf "a", dan diakhiri dengan tanda "lebih besar".

Selanjutnya, jika kode tersebut ingin ditampilkan dalam bentuknya yang asli seperti ini

<a href="http://www.blogger.com">www.blogger.com</a>

tetapi kemudian simbol-simbol yang ditekan sama dengan tombol-tombol pada papan keyboard, maka yang akan tampil pada halaman posting adalah www.blogger.com, dimana ini sesungguhnyamerupakan link blogger. Kode HTML nya sendiri tidak akan muncul, karena komputer menerjemahkan kode HTML yang dimasukkan sebagai bentuk perintah membuat link.lalu bagaimana caranya agar kode link ini bisa tampil persis seperti aslinya pada halaman posting? caranya seperti ini :

1. Buka browser baru, pada Address bar ketik www.centricle.com, atau jika ingin cepat klik disini.
2. Setelah terbuka halaman baru, klik "Tools" lalu klik "Encode/Decode HTML Entities". Copy kode HTML yang akan ditampilkan pada halaman posting lalu paste pada kotak yang disediakan. Selanjutnya klik "Encode" lalu tunggu beberapa saat sampai muncul kode baru yang merupakan konversi dari kode HTML yang dimasukkan tadi. Copy kode tersebut lalu paste pada halaman posting, maka kode HTML tersebut akan tampil sesuai dengan bentuknya yang asli.ini versi singkat kalau bingung dengan manual tanpa koneksi internet

jika ingin menulis perintah seperti ini

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0>

maka hasilnya seperti ini

&ltbr/><br/> <code>

&lt;img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0&gt;

</code>
dan ini patokannya

Related Posts