untuk menampilkan kode-kode HTML dalam postingan, memang diperlukan tips khusus, karena jika kita menuliskannya langsung, maka pada postingan tidak akan muncul kode HTML yang kita maksud, hal ini karena kode tersebut dianggap sebagai perintah yang kemudian akan dijalakan sesuai dengan arti perintah dari kode tersebut, atau dengan kata lain terdapat "salah paham" padahal maksud kita adalah ingin menampilkan kode tersebut sebagai text (bukan sebagai perintah) ke dalam postingan. Sehingga agar tidak salah paham maka kita kasih tahu bahwa masksud kita adalah menampilkan kode tersebut sebagai text biasa bukan sebagai perintah. Adapun beberapa cara yang dapat kita lakukan Untuk menampilkan text berupa kode HTML ke dalam postingan antara lain:
1. Mengganti(menterjemahkan) kode HTML secara manual antara lain sbb:
- Untuk menampilkan karakter < di ganti dengan <
- Untuk menampilkan karakter > di ganti dengan >
- Untuk menampilkan karakter " di ganti dengan "
- Untuk menampilkan karakter ' di ganti dengan '
- dan lainnya
2. Menggunakan text Area, caranya adalah dengan memasukkan kode berwarna merah sebagai berikut:
<textarea style="height: 30px; width: 400px;">Masukkan text/kode html disini</textarea> contoh:
<textarea style="height: 30px; width: 400px;"><data:post.body></textarea>
hasil tampilannya sbb:
Keterangan:
- Aturlah height = tinggi kolom pada text area sesuai keperluan, pada contoh diatas 100px
- Atur juga width = lebar kolom pada text area, pada contoh diatas 450px
Demikian postingan kali ini tentang bagaimana Menampilkan Kode HTML di Blog atau Web semoga bermanfaat.
Comments
Post a Comment