Minggu, 31 Juli 2011

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 :



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



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 : 


Facebook Delicious Digg Stumbleupon Favorites More

0 komentar:

Poskan Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More