Home » » Cara Menampilkan Kode HTML Pada Postingan Blog

Cara Menampilkan Kode HTML Pada Postingan Blog


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:

    contoh:


    hasil tampilannya sbb:

    contoh:

  3. Keterangan:
    • Aturlah height = tinggi kolom pada text area sesuai keperluan, pada contoh diatas 30px
    • Atur juga width = lebar kolom pada text area, pada contoh diatas 400px

  4. Mengkonversi / parse dengan menggunakan bantuan website penyedia layanan parse HTML code antara lain : http://www.blogcrowds.com/resources/parse_html.php
    Cara ini merupakan cara yang paling simpel, kita hanya meng copy Kode yang ingin kita tampilkan kemudian buka web diatas dan paste pada kotak yang tersedia kemudian klik Tombol Parse (warna merah). Copy hasilnya dan paste pada postingan kita. Selesai deh...
Demikian postingan kali ini tentang bagaimana cara menampilkan kode HTML pada postingan blog semoga bermanfaat.
Comments
0 Comments

0 komentar:

Posting Komentar

Komentar ada sangat kami hargai :)