Cara Menulis Kode Html di Postingan WordPress.com

wordpressAda kalanya saat menulis sebuah postingan perlu menulis sebuah kode html, css, xml dan sebagainya. Namun kadangkala kode tersebut tidak bisa tertampil dengan baik karena tereksekusi. Kesulitan lain adalah terkadang kalau dikopi paste menjadi berbeda karakternya.

Untuk menyisipkan kode html dan sebagainya didalam postingan WordPress.com caranya seperti ini:

(sourcecode language=”html”)Kode Html Yang Ingin ditulis(/sourcecode)
Jangan lupa tanda kurung diganti [ dan ].

Apabila ingin menulis kode lain semisal css maka dibagian html diganti dengan css sehingga menjadi:

(sourcecode language=”css”)Kode Html Yang Ingin ditulis(/sourcecode)
Jangan lupa tanda kurung diganti [ dan ]

Kode yang didukung yaitu bash, cpp, csharp, css, delphi, html, java, jscript, php, python, ruby, shell, sql, vb dan xml.

Contoh hasilnya seperti ini:

[sourcecode language="html"]<a href="http://darmawanku.com"><img src="http://feedproxy.google.com/Darmawan.3.gif" border="0" alt="Darmawan Blog"/></a>[/sourcecode]

Didalam tampilan kode ada menu view plain, copy to clipboard serta print. Sayangnya kode tidak terkopi ke clipboard saat copy to clipboard diklik. Jadi untuk mengkopi bisa dengan cara manual atau klik view plain baru dikopi.

Semoga Bermanfaat

This entry was posted in blog and tagged , . Bookmark the permalink.

43 Responses to Cara Menulis Kode Html di Postingan WordPress.com

  1. Gue baru punya blog ne. Dimana ya kita bisa dapat code size warna di postingan ya?
    Fungsi dari code html

  2. kacu76 says:

    http://kacu76.wordpress.com.kaloo pengen tulisan sy berwarna merah kunin hijauwaktu saya komentar seperti inigimana ommm

  3. coach says:

    wah q blum sukses mas bikin pake hp kok punyaku < jadi quot quot an ya…?

    http://awitukoca.wordpress.com

  4. Putra says:

    Di wordpress versi terbaru nggak bisa ya mas Darmawan ?
    Aku test barusan error, nggak keluar kode, jadi kayak text biasa

  5. Putra says:

    Itu postingan lama ya mas ?
    Sepertinya WP nya udah ganti kode ya ?

  6. halik says:

    bapak, kalu di teks editor ada enter tpi hasil postingnya tidak bisa terhpisa, sehingga teks antara 1 paragraf dan paragraf yg lain selalu berdempet, itu cara memisahkannya teks tersebut gimana bapak, posting saya dengan wordpress

    • Darmawan says:

      coba enternya 2 kali, atau pakai mode html. dipindah dr visual ke html. bisa dengan (p)paraggraf1(/p) (p)paragraf kedua(/p) jika tetap tidak mau, antar paragraf diberi kode (br) . tanda () diganti dengan ><.

  7. AREX says:

    coba tes

  8. Pedukasi says:

    Ane coba yah… sudah bbrapa x gagal nih.. pake decode encode juga gagal…
    kalau flashnya sih sudah berhasil di embed… yg blm berhasil itu menulis kodenya.. salam kenal

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>