WordPress Syntax Highlighting For WordPress.com

Sebelumnya saya sudah pernah ngebahas bagaimana menampilkan code pada wordpress dan memiliki line number dengan menggunakan sebuah plugin yang bernama Wp-Syntax. Namun cara tersebut hanya berguna dan berfungsi jika kita memiliki sebuah hostingan dan mengupload file wordpress kita disana. Bagaimana dengan kita pengguna wordpress gratisan dan mempercayakan jasa hosting juga dari wordpress kayak blog cupu saya ini. Huehuehue… ada triknya kok..

Satu hal yang kamu perlukan hanya sebuah tag. Yah, tag disini bukanlah tag html melainkan tag kepunyaan wordpress sendiri yaitu sourcecode.

Caranya?

Lihat contoh dibawah:

[sourcecode languange='css']

*

{

color: #fefefe;
font-size: 13pt;
font-weight: none;

}

[/sourcecode]

Ketikkan kode diatas pada mode html pada TinyMce WordPress kamu, setelah itu kamu akan mendapatkan tampilan seperti dibawah ini..

*
{
     color: #fefefe;
     font-size: 13pt;
     font-weight: none;
}

Oh ya, property language harus diketikkan. Property languange ini digunakan untuk mendefinisikan bahasa apa yang akan ditampilkan. Nilai dari property languange ini antara lain:

• cpp
• csharp
• css
• delphi
• html
• java
• jscript
• php
• python
• ruby
• sql
• vb
• xml

Contoh lain yang saya gunakan adalah xml, sql dan php.

<?php
    echo "Hello, thegands.wordpress.com";
?>

<?xml version="1.0" encoding="UTF-8"?>
<blog>
<blogname>the gands owns you</blogname>
<blogadress>http://thegands.wordpress.com</blogaddress>
</blog>

select * from t_blogger where blogger_author='thegands'

Contoh kode diatas narsis yak? hehehe… Blogger emang harus narciss..