Rabu, 01 September 2010

Menampilkan Kode HTML Pada Postingan Blog


Bismillahirrohmaanirrohiim... Pada postingan kali ini saya akan membahas tentang cara menampilkan kode HTML pada postingan Blog. Sebenarnya postingan ini mungkin sudah tidak asing didunia blog, coba saja kalian searching di mbah google "cara menampilkan kode HTML pada posting", pasti kalian akan disuguhkan banyak situs/blog yang memuat tentang pembahasan artikel seperti ini.
Postingan ini juga saya buat selain untuk membantu teman-teman blogger, juga sebagai jawaban atas permintaan salah satu sahabat blogger saya :


mau tanya gmn caranya biar codenya tampil dipostingan


Menampilkan kode HTML ini sebenarnya adalah hal yang sangat perlu bagi mereka yang banyak memposting Tutorial tentang blog, dan yang lainnya. Berikut cara untuk menampilkan kode HTML pada postingan :

1. Cara Manual Dengan Notepad
2. Cara Eksternal Web, yaitu menggunakan web yang memiliki fitur parse (encode) kode HTML seperti :
== www.blogcrowds.com
== centricle.com

1. CARA MANUAL MENGGUNAKAN NOTEPAD

Bagi yang sudah biasa mungkin cara ini sudah tidak asing lagi, tapi buat yang belum pernah kalian bisa mengikuti tahapnya berikut ini :

1. Copy script HTML yang akan kalian parse(encode)
2. Buka Notepad lalu paste script yang tadi di copy
3. Gunakan fitur REPLACE dengan mengKLIK Edit --> Replace atau menekan CTRL+H



4. Gunakan Kode berikut sebagai kode untuk memparse HTMLnya


Karakter
Notasi
Keterangan
<
&lt;
Kurung buka
>
&gt;
Kurung tutup
&
&amp;
Dan
"
&quot;
petik ganda
±
&plusmn;
plus minus
Spasi
&nbsp;
Spasi
©
&copy;
copyright
®
&reg;
Registered


Keterangan :
== Tanda < diganti &lt;
== Tanda > diganti &gt;
== Tanda " diganti dengan &quot;, dan selanjutnya
5. Copy script HTML yang sudah di parse dan paste pada postingan kalian.

2. MENGGUNAKAN EKSTERNAL WEB

== www.blogcrowds.com

1. Copy kode HTML yang akan diparse
2. Kunjungi situs www.blogcrowds.com
3. Paste kode HTML pada kotak yang disediakan



4. KLIK PARSE
5. Copy kembali kode HTML yang sudah diparse dan paste pada postingan

== centricle.com

1. Copy kode HTML yang akan diparse
2. Kunjungi situs centricle.com
3. Paste kode HTML pada kotak yang disediakan




4. KLIK ENCODE untuk memparse atau KLIK DECODE untuk mengembalikan kode HTML yang sudah diparse
5. Jika sudah selesai, Copy kembali kode HTML yang sudah diparse dan paste pada postingan

atau jika kalian mau langsung dan cepat, kalian bisa memParse kode HTML pada kotak dibawah ini. Caranya copy kode HTML yang akan diparse dan Paste dalam kotak. KLIK Convert.



Itulah beberapa cara untuk menampilkan kode HTML pada postingan, mungkin di antara kalian masih ada yang bisa menambahkan.

Semoga bermanfaat dan semoga membantu.

No comments yet