Beranda > Serba-serbi > Menggunakan Syntax Highlighter

Menggunakan Syntax Highlighter

Pernahkah anda melihat blog-blog yang menampilkan coding dengan sangat menarik seperti ini?

T

Pernahkan anda terkagum-kagum dengan penyajian coding seperti diatas?

Pernahkan anda melakukan searching di Google untuk mencari bagaimana caranya menyajikan coding seperti diatas?

Nah dalam pembahasan kali ini penulis akan mencoba memberikan pembahasan dalam menggunakan Syntax Highlighter dengan sangat sederhana.

Sebenarnya tujuan penggunaan Syntax Highligher selain untuk mempercantik dan mempermudah menyajian kode program, juga untuk melindungi kode-kode pemrograman agar tidak terfilter oleh WordPress menjadi karakter-karakter yang tidak bermanfaat.

Alasan WordPress menyaring (filter) setiap kode adalah untuk keamanan. Hal ini terkait dengan adanya celah keamanan pada database jika karakter-karakter semisal tanda petik (quote) satu maupun tanda petik dua diloloskan. Saya pribadi kurang mengerti mengenai celah keamanan ini dan bagaimana efeknya.

Biasanya sering kita temui tutorial sejenis, tetapi rata-rata pembahasannya menggunakan plugin Syntax Highlighter 2.0 yang dikhususkan untuk wordpress yang di hosting sendiri. tetapi bagaimana untuk penggunaan wordpress gratisan seperti saya yang menggunakan subdomain .wordpress.com?

Masalah ini dapat digunakan dengan menggunakan shortcode, yang artinya memberitahukan wordpress bahwa yang ditulis merupakan kode program, karena wordpress secara umum sudah mengintegrasikan Syntax Highligter ke dalam enginenya.

Untuk penggunaan Syntax Highligher sangatlah mudah cukup seperti ini :

sc

sourcecode language=”php” (dengan tanda kurung siku) merupakan tanda bahwa tulisan dibawah merupakan syntax yang mempunyai aturan penulisan php sampai dengan /sourcecode (dengan tanda kurung siku)

sebagai penutup syntax

Untuk penulisan-penulisan syntax lain dapat diganti dari php menjadi syntax-syntax lain.

Syntax yang didukung oleh Syntax Highlighter sampai tulisan ini disharing adalah :

  • bash
  • cpp
  • csharp
  • css
  • delphi
  • html
  • java
  • jscript
  • php
  • python
  • ruby
  • shell
  • sql
  • vb
  • xml

NB : hanya parameternya saja yang dirubah contoh

  • sourcecode language=”vb”]
  • sourcecode language=”sql”]

Salam (Budi)

Kategori:Serba-serbi
  1. Belum ada komentar.
  1. No trackbacks yet.

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: