Arif Romdhoni » codecolorer http://arif.romdhoni.com Ikatlah ilmu dengan mencatat Fri, 20 Nov 2009 16:53:05 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 SyntaxHighlighter http://arif.romdhoni.com/2009/11/17/syntaxhighlighter/ http://arif.romdhoni.com/2009/11/17/syntaxhighlighter/#comments Tue, 17 Nov 2009 14:53:22 +0000 arifromdhoni http://arif.romdhoni.com/?p=41 Jika sebelumnya kita menggunakan CodeColorer untuk menuliskan source code di wordpress. Maka sekarang kita akan mencoba menuliskan sintaks yang sama dengan plugin yang lain, yakni SyntaxHighlighter

Jika sebelumnya kita menggunakan CodeColorer untuk menuliskan source code di wordpress. Maka sekarang kita akan mencoba menuliskan sintaks yang sama dengan plugin yang lain, yakni SyntaxHighlighter.

Proses instalasi dan aktivasi mirip dengan plugin CodeColorer. Adapun penggunaannya sedikit berbeda. Jika dalam CodeColorer, tag yang digunakan:

[cc][/cc]

maka dalam SyntaxHighlighter dipakai sintaks:

[sourcecode][/sourcecode]

Sebagai contoh, kita dapat menuliskan sintaks berikut:

[sourcecode lang="csharp"]private static string aString;[/sourcecode]

Hasilnya akan menjadi seperti berikut:

private static string aString;

Dari hasil di atas, penulis menyimpulkan bahwa syntaxhighlighter memiliki kelebihan dibandingkan dengan codecolorer, yakni adanya icon yang muncul ketika mouse melewati kode, dengan script untuk melihat kode atau mencetaknya (print), serta tampilan yang lebih eye catching.

Terima kasih kepada akhi Ihsan yang telah memberikan inspirasi.

]]> http://arif.romdhoni.com/2009/11/17/syntaxhighlighter/feed/ 3 Sourcecode di Wordpress? http://arif.romdhoni.com/2009/11/14/sourcecode-di-wordpress/ http://arif.romdhoni.com/2009/11/14/sourcecode-di-wordpress/#comments Sat, 14 Nov 2009 02:49:53 +0000 arifromdhoni http://arif.romdhoni.com/?p=16 sourcecode di wordpress. Selama ini seringkali hanya melihat-lihat teman yang menuliskan kode sumber dari hasil karyanya]]>

Baru memperoleh ilmu bagaimana menulis sourcecode di wordpress. Selama ini seringkali hanya melihat-lihat teman yang menuliskan kode sumber dari hasil karyanya.

Secara mudah, sebenarnya kita dapat menuliskan sourcecode di wordpress dengan menggunakan tag <code>. Misalkan sebagai berikut: 

<code>private static string aString;</code>

Hasilnya sebagai berikut:

private static string aString;

Akan tetapi, secara default kode tersebut tidak memiliki warna (highlight). Untuk memperoleh tampilan yang lebih cantik, kita dapat menggunakan plugin yang saat ini telah beredar, di antaranya adalah CodeColorer. Saat ini saya menggunakan CodeColorer versi 0.9.5 yang dapat diunduh di sini.

Cara penggunaannya:

  1. Unduh plugin tersebut, kemudian extract ke dalam folder: 
    {root-folder}/wp-content/plugins/
  2. Masuk ke dalam area pengguna (login) dan menuju ke bagian plugins. Aktifkan plugin CodeColorer dengan cara menekan link Activate.
  3. Sampai di sini, seharusnya plugin CodeColorer tersebut telah terinstall.
  4. Sebagai contoh, kita dapat mem-post-kan sourcecode di atas (misalkan dalam bahasa csharp) dengan penulisan sebagai berikut: 
    [cc lang="csharp"]private static string aString;[/cc]

    Hasilnya sebagai berikut:

    private static string aString;
  5. Selain csharp, CodeColorer juga mendukung bahasa-bahasa lainnya, seperti: php, actionscript, actionscript3, c, java, javascript, dll.

Tutorial ini dibuat berdasarkan yang penulis baca di 

http://kpumuk.info/projects/wordpress-plugins/codecolorer/
]]> http://arif.romdhoni.com/2009/11/14/sourcecode-di-wordpress/feed/ 5