Menampilkan Highlight Kode Source Pada Postingan WordPress Gratisan

02Agu09

Terkadang dalam sebuah script sering kita jumpai source code atau kode dasar dari script itu sendiri. Kode tersebut dapat berupa HTML, PHP, CSS, JavaScript, Java, C++ ataupun kode pemograman lainnya. Lalu bagaimana jika kita ingin membagi ilmu mengenai kode tersebut melalui tulisan di blog? Jika sebuah kode HTML langsung kita tulis pada tulisan kita, maka yang tampilkan bukanlah kode tersebut, melainkan output dari kode HTML tersebut. Begitu juga dengan JavaScript, malah wordpress melarang penggunaan JavaScript karena dianggap berbahaya. Lalu bagaimana jika kita ingin sebuah kode dapat dibaca oleh pengunjung?

Coba perhatikan contoh kode di bawah ini:

<html>
<head>
<title>Odol Gigi</title>
</head>
<body bgcolor="#000000">Mari menggosok gigi</body>
</html>

Contoh diatas adalah contoh kode HTML yang telah di highlight. Sekarang WordPress.com telah memberikan kemudahan bagi kita untuk meng-highlight kode tersebut dengan cara yang sangat praktis. Yaitu dengan menambahkan sedikit kode yang mereka beri nama shortcode.

Cara penggunaan shortcode untuk highlight source code
Untuk dapat menampilkan sebuah kode HTML, PHP maupun kode lainnya di dalam postingan, yang kita perlukan hanya memasukkan kode [sourcecode language=’html’] dan [/sourcecode] diantara kode HTML yang ingin kita tampilkan.

Contoh penggunaan
Jadi jika kita ingin menampilkan kode HTML yang diatas tadi, maka sisipkan kode [sourcecode language=’html’] dan [/sourcecode] diantara kode HTML tersebut. Kode lengkapnya seperti ini:

[sourcecode language='html']
<html>
<head>
<title>Odol Gigi</title>
</head>
<body bgcolor="#000000">Mari menggosok gigi</body>
</html>[/sourcecode]

Lalu bagaimana dengan kode PHP dan CSS? Penggunaannya tetap sama hanya saja untuk kode PHP kamu harus mengganti kode pertamanya menjadi [sourcecode language=’php’]. Begitu juga dengan CSS dan kode lainnya. Mudahkan?



14 Responses to “Menampilkan Highlight Kode Source Pada Postingan WordPress Gratisan”

  1. Wah, saya malah baru tau ini. Thanks rud😀

  2. nais inpo gan. Two thumbs up

  3. maksih atas infonya. !

  4. klo pake plugin gimana ya?

  5. pake Quote juga bisa bos…


  1. 1 Menampilkan Highlight Kode Source Pada Postingan WordPress Gratisan « Ramoreez's Blog
  2. 2 free no charge dating sites
  3. 3 disgruntleddwarf.com
  4. 4 sex facebook sex.com
  5. 5 facbook sex
  6. 6 totally free christian dating site
  7. 7 christian dating tips
  8. 8 facebook of sex homepage
  9. 9 best hook up sites

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s


%d blogger menyukai ini: