Trik Posting SourceCode di WordPress

22Des08

Apakah anda orang yang sedang membuat tutorial pemrograman pada blog anda di WordPress? anda ingin menyertakan script program yang syntaxnya dihighlight secara otomatis pada tulisan anda tapi kebingungan tidak tahu caranya? Jangan khawatir.. kami punya solusinya..

*hehe gaya iklan banget

Caranya adalah dengan menulis script program anda diantara tag
[ sourcecode lang="abc" ] dan [ /sourcecode ]. Parameter language yg disupport: cpp, csharp, css, delphi, html, java, jscript, php, python, ruby, sql, vb, xml.

Jika bahasa pemrograman yang anda inginkan tidak disupport oleh fitur syntax highlightingnya WordPress, pilih saja diantara bahasa-bahasa tersebut yang paling mirip syntaxnya. Misalnya saya sendiri biasa menulis ActionScript dan menggunakan parameter ‘jscript’ karena syntax ActionScript 2.0 mirip dengan JavaScript, lain halnya kalau ActionScript 3.0 mungkin syntaxnya lebih mirip Java sehingga lebih cocok diberi parameter ‘java’.

Contoh sebuah script C++ sebelum dikasih tag “sourcecode”:

#include
#include

int main(int argc, char *argv[])
{
QApplication app (argc, argv);
QLabel *label = new QLabel(“Hello Qt!”, 0);
app.setMainWidget(label);
label->show();
return app.exec();
}

//initulisansengajadibuatpanjangpanjanguntukngetesthorizontalscrollnyajalanapakagakgitulohjadidianggapnyasatubarispenuhgakkepotong

setelah dikasih tag dg lang-param ‘cpp’:

#include <qapplication.h>
#include <qlabel.h>

int main(int argc, char *argv[])
{
QApplication app (argc, argv);
QLabel *label = new QLabel("Hello Qt!", 0);
app.setMainWidget(label);
label->show();
return app.exec();
}

//initulisansengajadibuatpanjangpanjanguntukngetesthorizontalscrollnyajalanapakagakgitulohjadidianggapnyasatubarispenuhgakkepotong

Beberapa error yang biasanya timbul adalah scriptnya gak ke’render’ sebagaimana mestinya. Dari beberapa kejadian yang saya alami, bisa saya ambil kesimpulan ini karena nulis tagnya di tempat lain baru dicopy ke blog.. ternyata tanda apostrof (tanda koma yg suka ada di atas seperti ini -> ‘) di editornya WP dianggap beda dengan symbol apostrof di text editor lain. Jadi solusinya buatlah tag [ sourcecode language="xyz" ][ /sourcecode ] pada editor blog.. biasanya cara ini ampuh. Error lain yang suka ada misalnya symbol & tiba-tiba jadi & atau simbol < jadi < kalau gini biasanya tinggal diedit saja di editor WYSIWYG-nya WordPress..

Demikianlah kiranya yang dapat saya sampaikan pada kesempatan hari ini, moga-moga trips nan singkat ini bisa dimanfaatkan sebaik-baiknya oleh para penulis blog tutorial,

Wassalam

-F4154LMAN-

Filed under: Blog, Tips 'n trik, WordPress   |  10 Comments
Tags: formatting, Syntax highlighting