2 Trik Praktis Agar Kode HTML Tertampil

Sudah lama kayaknya posting-posting saya ini yah, tetapi saya akan berteguh hati untuk tetap mengetik posting ini. Lanjut aja deh, apakah anda ingin menampilkan kode-kode html agar bisa dibaca kode tersebut oleh visitor. Saya yakin sobat blogger pemula ingin sekali menunjukkan kode html yang diketahuinya. Oleh karena itu saya akan memberi 2 trik kepada kalian semua agar kode html yang kalian ketikkan. OK yang sudah tau ditegaskan tidak lanjutin bacanya... :D

1. Text Box Area
Kita membuat kotak tempat codenya berada
<p align="center"><textarea name="code" rows="3" cols="40"> Ketikkan kode html disini</textarea></p>

Hasilnya:

Hasilnya gini bang!

Atau dengan tombol Tandai Semua:
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Tandai Semua"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 400px; HEIGHT: 80px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Hasilnya akan tampil tombol Tandai Semua:

tampil nggak

Gimana sukses nggak?

Atau kalau nggak suka dengan kotak-kotak seperti ini, maka coba cara kedua:
Cara kedua ini kita akan langsung menampilkan kode htmlnya, yaitu dengan cara HTML Entity, maksudnya browser tidak akan menerjemahkan kode tersebut. Sama saja kan?

Caranya:
a. Silakan kunjungi Centricle, klik disini!
b. Masukkan kode html yang akan kamu tamilkan pada blog
c. Klik Encode.

Gimana sukses kan?