Menggunakan Text Area

Text area merupakan daerah baru dalam posting untuk menyimpan text atau tulisan. Untuk membuatnya gunakan kode berikut:

3<span style="color: red; ">" cols="</span>40<span style="color: red; ">" style="background: </span>#F2F2F2<span style="color: red; ">; color: </span>#000<span style="color: red; ">; border: 1px solid </span>#2E9AFE<span style="color: red; ">; border-left: </span>20<span style="color: red; ">px solid </span>#0174DF<span style="color: red; ">; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"></span></span></div><div class="MsoNormal" style="font-family: inherit; font-size: 13px; background-color: rgb(255, 255, 255); color: blue; margin-bottom: 0cm; text-align: justify; "><span class="fullpost" style="font-size: small; ">muat disini text/kode HTML yang ingin ditampilkan</span></div><div style="font-family: inherit; font-size: 13px; line-height: 18px; background-color: rgb(255, 255, 255); text-align: justify; "><span style="color: red; font-size: small; line-height: 14px; "> 

Pada kata yang berwarna biru, isikan kode HTML yang ingin ditampilkan

Contoh:

3<span style="color: red; ">" cols="</span>40<span style="color: red; ">" style="background: </span>#F2F2F2<span style="color: red; ">; color: </span>#000<span style="color: red; ">; border: 1px solid </span>#2E9AFE<span style="color: red; ">; border-left: </span>20<span style="color: red; ">px solid </span>#0174DF<span style="color: red; ">; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"></span></span></div><div style="font-family: inherit; font-size: 13px; line-height: 18px; background-color: rgb(255, 255, 255); text-align: justify; "><span style="font-size: small; "></span></div><div class="MsoNormal" style="font-family: inherit; font-size: 13px; background-color: rgb(255, 255, 255); color: blue; margin-bottom: 0.0001pt; text-align: justify; "><span class="fullpost" style="font-size: small; "><a href=" http://kastechno.blogspot.com">Kastechno</a></span></div><div style="font-family: inherit; font-size: 13px; line-height: 18px; background-color: rgb(255, 255, 255); text-align: justify; "><span style="font-size: small; "></span><span style="color: red; font-size: small; line-height: 14px; ">

Hasilnya adalah seperti di bawah ini:

Demikianlah Cara Menampilkan Kode HTML dalam Postingan yang dapat saya berikan. Bila anda memiliki cara lain yang berbeda, silahkan ditulis dalam kolom komentar yang tersedia.

Selamat mencoba. Terima kasih.

Sumber: http://jamarisonline.blogspot.com/2011/06/cara-menampilkan-kode-html-dalam.html