Saturday, November 7, 2009

Cara Manual Memperlihatkan Kode HTML di Posting

Kode HTML adalah bagian penting bagi blogging, ini seperti isi dari blog tersebut. Karena itu banyak orang yang memberikan tutorial tentang kode HTML........tapi gimana caranya supaya kode HTMLnya tampak di posting mereka???

Biasanya, kalo kita lagi nulis artikel, kode HTML yang kita tulis pasti akan menghilang atau berfungsi sebagai fungsinya alias gak kelihatan, contohnya saya mau memperlihatkan kode ini:

<strong>contoh kode HTML</strong>

- tapi setelah di publikasi, kode HTMLnya hilang, malah jadinya kayak gini:

contoh kode HTML

Jadi gimana cara buat tutorial tentang HTML kalo kode HTMLnya gak kelihatan???!!! Untungnya saya udah nemuin cara untuk memperlihatkan kode HTML di posting blog tersebut. Mau tau caranya?? kalo mau tau caranya, ayo kita lanjut lagi......

Okey, begini caranya:

1. Pertama, anda tentukan kode HTML mana yang ingin anda perlihatkan, misalnya

<meta http-equiv="refresh" content="10"> </meta>

2. sekarang yang anda perlu lakukan adalah menambah kode di atas dengan kode yang berwarna biru di bawah ini:

<p align="left"><textarea name="code" rows="6" cols="40">
Kode HTML anda disini
</textarea></p>

- kode yang hijau bisa anda ganti menjadi left, center atau right (jadi tulisannya kayak di Microsoft Word di sebelah kanan, tengah atau kiri).
- kode yang merah adalah ukuran text areanya, jadi bisa anda ganti seperlu anda.

3. Jadi kode HTML yang ingin kita perlihatkan tinggal kita tambahin sama kode di atas tadi:

<p align="left"><textarea name="code" rows="6" cols="40">
<meta http-equiv="refresh" content="10"> </meta>
</textarea></p>

4. Hasilnya bisa anda lihat seperti di bawah:

Begitu aja caranya, gak teralu susah (simpel tapi gak simpel), yang penting anda hafal kodenya.....(kalo saya sih pelupa orangnya hehehehe....)

Semoga bermanfaat!