Untuk menampilkan source code di blog anda dapat dilakukan dengan cara yang sesuai dengan blog yang anda gunakan. karena di wordpress pasilitasnya sudah ada dan tinggal dipanggil dengan scrip tertentu sedangkan untuk blogspot perlu ditambahkan beberapa script di HTMLnya...
Baiklah, tanpa perlu basa basi lagi berikut langkah-langkahnya:
1. Wordpress
hanya tinggal menambah sedikit tag khusus pada "Edit HTML"-nya pada saat menulis postingan, Kemudian tuliskan script berikut :
[source code language="java"]
/*masukkan source code di sini*/
[/source code]
Mudah bukan ?? Untuk mengganti format bahasa nya, kita tinggal merubah di antara tanda kutip setelahlanguage= dengan bahasa yang diinginkan. Bahasa yang sudah di-support oleh Wordpress adalah :
- actionscript3
- bash
- coldfusion
- cpp
- csharp
- css
- delphi
- erlang
- fsharp
- diff
- groovy
- javascript
- java
- javafx
- matlab (keywords only)
- objc
- perl
- php
- text
- powershell
- python
- ruby
- scala
- sql
- vb
- xml
2. Blogspot
Karena kita akan memodifikasi suatu template di Blogspot, maka alangkah baiknya kita mem-backup dulu Layout sebelumnya. Caranya, buka Dashboard-Design-Edit HTML-Download Full Template. Kemudian simpan file download di komputer.
Setelah itu, masih dalam Dashboard-Design-Edit HTML, tekan "Control-F" untuk mencari tag penutup </head>. Kemudian copy-paste source code di bawah ini, sebelum/diatas tag tersebut :
Simpan perubahan template. Jika tidak ada error, maka integrasi template telah berhasil
Saat ingin menempelkan suatu source code, kita hanya tinggal mengedit nya di Edit HTML pada Editor, dengan menyisipkannya diantara tag berikut :
/*masukkan source code di sini*/
Untuk format bahasanya, ada beberapa bahasa yang didukung SyntaxHighlighter:
- C++ (cpp, c, c++)
- C# (c#, c-sharp, csharp)
- CSS (css)
- Delphi (delphi, pascal)
- Java (java)
- Java Script (js, jscript, javascript)
- PHP (php)
- Python (py, python)
- Ruby (rb, ruby, rails, ror)
- Sql (sql)
- VB (vb, vb.net)
- XML/HTML (xml, html, xhtml, xslt)
EmoticonEmoticon