SyntaxHighlighter2 merupakan plugin wordpress yang menarik dan memudahkan pembaca untuk meng -copy code nya. Sebelum mengetahui Syntax Highlighter 2 ini, sempat bingung juga apa nama plugin nya. Sempat mengetik beberapa kata kunci di mbah google seperti, cara menulis kode html di blog, cara menulis kode html di wordpress, plugin untuk menulis kode html, dan lain-lain.
Akhirnya ketemu SyntaxHighlighter2, dan memang inilah plugin yang saya cari. Di bawah ini adalah list dari kode yang support dengan plugin SyntaxHighlighter2:
- AS3 —
as, as3
- C++ —
cpp, c, c++
- C# —
c#, c-sharp, csharp
- ColdFusion –
cf, coldfusion
- CSS —
css
- Delphi —
delphi, pascal
- Diff/Patches —
diff
- Erlang —
erlang
- Groovy —
groovy
- Java —
java
- JavaFX —
javafx
- JavaScript —
js, jscript, javascript
- Perl —
perl
- PHP —
php
- Plain text —
plain
- PowerShell —
powershell
- Python —
py, python
- Ruby —
rb, ruby, rails, ror
- Scala —
scala
- SQL —
sql
- VB —
vb, vb.net
- XML/HTML —
xml, html, xhtml, xslt
Cara install SyntaxHighlighter2:
- Download plugin SynatxHighlihter2 kemudian extract
- Upload ke direktori
/wp-content/plugins/
- Aktifkan plugin di menu Plugin
atau dengan cara
- Masuk ke admin WP and
- Klik Plugin > Add New kemudian cari SynatxHighlihter2
- Setelah ketemu Instal Plugin dan Activate Plugin
Untuk menulis kode di postingan blog, tambahkan kode ini
[code='css'][sourcecode language='css']tulis kode anda disini[/sourcecode][/code]
Dari blog author SyntaxHighlighter banyak kode-kode untuk menampilkan SyntaxHighlighter, menurut saya alternatif paling mudah dan singkat adalah dengan cara menambahkan kode:
[source language='css'][code='css']tulis kode anda disini[/code][/source]
Sebagai contoh, kode diatas saya tulis menggunakan Plugin SyntaxHighlihgter2.
Selamat mencoba!
