Home > Serba-serbi > Menampilkan Source Code di WordPress

Menampilkan Source Code di WordPress


Di sini, di blog WordPress ini, kita tidak dapat dengan mudah menampilkan source code,apalagi jika source code tersebut berasal dari file web seperti HTML, CSS, JavaScript atau PHP. Web browser akan menerjemahkan semua tag HTML sehingga source code tidak tampil sebagaimana aslinya.

Ternyata WordPress punya cara elegan untuk menampilkan source code, hasilnya sangat menarik dan sesuai
kebutuhan.Kita cukup menggunakan tag berikut:

masukkan source code di sini…


Contoh berikut akan menampilkan kode program Java secara terstruktur dilengkapi nomor baris (default):

public class Testing {

public static void main(String[] args) {
        System.out.println("Testing 1 2 3...");
    }
}

Sedangkan contoh di bawah ini menampilkan kode HTML sebagaimana aslinya:


<body>
    <h1>Belajar HTML</h1>
    <h2>dan Blogging</h2>

    <b>Ini hanya test 1 2 3</b>

</body>

Apakah hanya Java dan HTML yang didukung oleh tag sourcecode dari WordPress di atas? Masih banyak bahasa lain yang didukung, di antaranya yang sudah terbukti adalah

cpp
csharp
css
delphi
java
jscript
php
python
ruby
sql
vb
xml

Note: Maaf telat posting masalah ini, padahal blog ini sudah setahun🙂

Categories: Serba-serbi Tags: ,
  1. 21 July 2010 at 9:24 am

    masukkan source code di sini…

    Ini maksudnya gmn ya?

  2. 19 October 2010 at 3:08 am

    Just comment

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: