Cara Menampilkan Kode HTML Dalam Posting

Jika kita memposting kode html, maka dalam tampilanya kode-kode tersebut akan dikonversikan ke pemaknaan kode itu sendiri.
Misalnya kita mau memposting
<a href="http://kelolablogspot.blogspot.com">Kelola Blogspot</a>
maka yang akan muncul adalah
Kelola Blogspot
Agar kita bisa memunculkan <a href="http://kelolablogspot.blogspot.com">Kelola Blogspot</a> , maka kita harus mengkonversikan dulu kode tersebut dalam bentuk encode yaitu < untuk (<); , > untuk (> .
Untuk mempermudah kita mengkoversi kode yang lain ke bentuk encode, kita bisa menggunakan situs centricle

Disamping itu kita juga bisa memblok kode tersebut dengan cara berikut
<br/><br/> <p align="left"><textarea name="code" rows="6" cols="400"><a href="http://kelolablogspot.blogspot.com">Kelola Blogspot</a></textarea></p>

dan hasilnya adalah sebagai berikut :

<meta http-equiv="refresh" content="10"> </meta>

atau bisa memblok dengan cara menggunakan fungsi "select all" seperti contoh  berikut.

Kode html yang ingin ditampilkan

script yang digunakan untuk bentuk di atas adalah sebagai berikut :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih semua/copi"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">kode html yang ingin ditampilkan</textarea></p></div></form>

Semoga bermanfaat

Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya : Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan :

Posted in: Posting