Tuesday 30 June 2009

Posting Kode HTML di Artikel

Bagi para pemula pasti bingung bagaimana cara memposting artikel dengan mengisi kode html agar tidak dianggap perintah. Untuk mengisi kode HTML agar muncul di postingan, ada tiga cara untuk melakukannya, yaitu :


Cara Pertama, anda harus mengganti karakter-karakter perintah dari program HTML dengan notasi tertentu. Karakter-karakter yang sering di gunakan yaitu seperti yang tertera pada tabel di bawah ini :


Karakter
Notasi
Keterangan
<
<
Kurung runcing terbuka
>
>
Kurung runcing tutup
&
&
Tanda Dan
"
"
Tanda petik ganda
±
±
Tanda plus minus
Spasi

Tanda Spasi
©
©
Tanda hak cipta (copyright)
®
®
Tanda terdaftar (Registered)


Agar lebih paham akan saya beri contoh, misalkan dalam postingan anda berisi kata-kata seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

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

</meta>


Jika anda ingin tampilkan kode yang seperti diatas, maka jangan menuliskan kode seperti yang diatas, karna tulisan kode tersebut tidak akan muncul di postingan, justru yang ada hanya menimbulkan dari efek kode tersebut. Nah caranya seperti yang saya tuliskan pada tabel, anda harus mengganti karakter-karakter perintah yang ada dengan notasi penggantinya, jadi yang harus anda tuliskan pada postingan adalah seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

&ltbr/><br/> <code>
&lt;meta http-equiv="refresh" content="10"&gt;
<br/>
&lt;/meta&gt;
</code>

Pembubuhan perintah <code> dan </code> adalah untuk menandakan bahwa yang anda tulis adalah sebuah kode HTML, dan nantinya pun tulisan-tulisan yang berada dalam perintah ini akan tanpil beda dengan tulisan-tulisan yang lainnya, sebagai contoh silahkan anda lihat postingan saya yang lainya yang membubuhkan kode-kode HTML. pembubuhan perintah <br/> adalah untuk membuat tulisan berpindah kebawah, jika anda tidak membubuhkan perintah <br/> tadi, walaupun di posting-an anda tulis jauh kebawah, hasilnya akan tetap bersatu.

Memang agak sedikit pusing dengan cara yang pertama. Tapi tenang aja, disini menyediakan cara yang kedua.

Cara kedua, dengan menggunakan text area. Jika masih belum tahu cara membuat text area silahkan klik disini. Sebagai contoh, untuk menuliskan kode-kode di atas, pada posting-an anda harus menuliskan seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :
<br/><br/>
<p align="left"><textarea name="code" rows="6" cols="400">&lt;meta http-equiv="refresh" content="10"&gt; &lt;/meta&gt;</textarea></p>


Maka yang akan tampil di blog anda adalah seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :





Jika masih pusink mengerjakannya, tenang para sobat, saya masih punya cara ketiga yang lebih simple dan mudah.

Cara Ketiga, kita bisa menggunakan layanan ENCODE / DECODE untuk mengconvert HTML code menjadi HTML entities.

Untuk menggunakan layanan ini banyak sekali yang bisa kita jumpai, untuk contoh, klik disini.

Coba perhatikan gambar di atas, pada area teks terdapat kode html yang akan di convert, untuk mengkonvertnya, klik tombol encode..

Pada gambar diatas, menunjukan bahwa kode html sudah di convert. Jika ingin mengembalikan kode seperti semula, tinggal klik saja decode. Lebih mudah kan, tapi apa salahnya kan jika kita mengetahui dasarnya.

Catatan : untuk cara pertama dan kedua, anda harus pada posisi Edit HTML jangan pada posisi compose/tulis.

Selamat mencoba.......!

Komentar :

ada 0 comments ke “Posting Kode HTML di Artikel”

Post a Comment

Recent Comments