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. ohhh…. jadi caranya gitu toh… makanya saya menulis kode buat di posting di blog saya kok berantakan… makasih ya mas darmawan….

  2. udienroy says:

    maksudnya gmn mas. aku belum mudeng. :???:

  3. akan aku coba mas… moga-moga bisa.

  4. mifu says:

    ooooo gitu maksudnya….

  5. YUZA maharani says:

    Sory mas ini agak keluar dr topik,mas gmana cara buat/pasang link download di postingan wordpress,mas mohon penjelasannya,terimakasih.Mas jwb nya boleh di kirm ke Email saya

    ayi.jsk@gmail.com

    • Darmawan says:

      kujawab disini saja ya, caranya kayak membuat link biasa. filenya diupload dl ditempat lain misalnya 4shared.com kemudian akan dapat linknya. (a href=”http://4shared.com/filecontoh.doc” /)download disini(/a) tanda kurungnya ganti ><

  6. baguscokie says:

    Wah tengkiyu banget mas caranya, SANGAT MEMBANTU Banget
    dari kemarin saya cari cari caranya sisipkan text area diwordpress, ketemu disini.

    lagi belajar cari tambahan pahala nih…
    http://cokiehti.wordpress.com/2009/08/19/obral-pahala-manfaatkan-situsblog-anda-untuk-memanen-pahala/

  7. Pingback: Obral Pahala….., Manfaatkan Situs/Blog anda Untuk Memanen Pahala « TIADA KEMULIAAN TANPA ISLAM

  8. Siwen says:

    Oh..baru tahu aq. Mksh mas

  9. djmjg01 says:

    bagaimana caranya nulis huruf berwarna tertentu di WP? Kalo di blogger kan pake font color=”warna huruf”. (Di WP kok ga bisa?)

  10. djmjg01 says:

    contoh huruf merah

    • djmjg01 says:

      maksud saya posting via email kok tdk bs menggunakan kode html warna huruf. Apakah memang dibatasi hanya kode2 tertentu (!–more–) (li)(/li) (br) (p)(/p) ??

      • Darmawan says:

        iya mas, dibatasi. kalau warna merah contohnya (span style=”color: #ff0000;”)tess(/span) agak beda dikit dengan di blogspot

  11. basyar says:

    aduh2, lagi ngerti aku.. Pantesan tak cari plugin plaint text gak ada. Makasih pak..

  12. basyar says:

    Update: pak aku gagalll… apa masih bisa di WP?

  13. iwan says:

    mas aq mau nanya… gmana yah cara membuat tulisan untuk postingan d wp menjadi tidak auto menjadi dempet…

    kan biasa kita cuma tekan enter maka dia akan berjarak dan ke bawah… tp ini dia tidak mau… apa ada yang salah…

    saya coba pake html dengan menambahkan “” tetap ga mau juga….

    bisa bantu saya mass…..

    klo mas pengen tahu web saya yg ga teratur n tidak berjarak antara sub judul ne saya kasi link nya…

    http://iwankiddy.net/blog/?p=11

    • Darmawan says:

      coba pakai 2x (br)(br) tp di dalam mode html. namun kadang tergantung themesnya juga. ada yang formatnya berubah susuai style themesnya

  14. iwan says:

    mas yg ada tanda kutip ntu isi nya (br) dalam bahasa html untuk enter

  15. nyoba2 dengan dari postingan untuk hal yang sama gagal teruss….baru di sini aku menemukan postingan yang pas..

    thx gan…. :D

  16. sugiantomann says:

    makasih tipsnya, semakin pinter membaca posting Juragan

  17. mentayaku says:

    Kemaren aku nyoba (a href=”link reffralku”/)klik disini(/a) , dengan )(=><
    pas d klik tulisan "klik disini"nya malah yg terbuka bukan link refferalku mlainkan halaman WP yg lain, gimana ya om??, maklum aku bnar2 newbie, baru belajar bkin blog itupun atu2nya. http://www.mentayaku.wordpress.com

  18. nana says:

    makasih ya atas ilmunya

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>