syntax highlighter diwordpress

buat para geek atau programmer yang suka ngeblog, ga jarang mereka menuliskan sintak atau kode program di blognya, entah itu secara keseluruhan kode program, atau hanya parsial bagian dari suatu program untuk menjelaskan sebuah tutorial.

nah sialnya,, ada beberapa geek yg gitu aja nyimpen kode programnya. apa sih maksudnya gitu aja??

jadi gini loh, mereka asal copas aja dari editor, tanpa dihias dulu.

contohnya gini, misal kode php,, ini contoh doank ya,, mereka ditulis di blog gini..

<?php
class kabupaten_controller extends CFControllers
{
public function cfs()
{
$this->Boot();
$this->Load(‘provinsi’);
}
public function init()
{
$data = $this->model->getAll();
$this->view->show($data);
}
?>

pusink ga bcanya? pasti pusing,, wong programmer aja pake editor atau IDE yang hurufnya bisa warna warni, jadi ga pusing.

apalagi pembaca blog.. mereka bakalan kabur, karena liat koding duank, dan mungkin disangkanya cuma relief peninggalan zaman firaun.. hahaha piss..

sekarang gw cuma mau nunjukin, gimana sih kalo kita ngeblog, untuk penulisan kode program..

disini kita manfaatkan yang namanya syntax highlighter

caranya gimana, cukup copas code ini

[:sourcecode language=”pilih salah satu”]
#some code
#some code
[:/sourcecode]

  • hilangkan tanda : pada sourcecode
  • adapun maksud  “pilih salah satu” adalah bisa ditganti dengan php,java, ataupun code yg kita sertakan.

balik lagi ke tutorial diatas,, jadi saya nulis kode nya jadi gini

[:sourcecode language=”php”]

<?php
class kabupaten_controller extends CFControllers
{
public function cfs()
{
$this->Boot();
$this->Load(‘provinsi’);
}
public function init()
{
$data = $this->model->getAll();
$this->view->show($data);
}
?>

[:/sourcecode]

catatan : hilangkan tanda : pada sourcecode

hasilnya jadi gini dehhh


<?php
class kabupaten_controller extends CFControllers
{
public function cfs()
{
$this->Boot();
$this->Load('provinsi');
}
public function init()
{
$data = $this->model->getAll();
$this->view->show($data);
}
?>

selamat mencoba ya? :))

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s