Syntax Highlighter Blog

     Kemaren ane dah posting bagaimana cara posting source code program di blog menggunakan syntax highlight gorbatchev versi 1.5.2.  Ternyata e ternyata sekarang dah ada Syntax Gorbatchev Version 3.0.83. Ketinggalan kan makannya sekarng ane mau posting yang terbaru ni....

     Cara set, di template htmlnya bagaimana, hampir sama kayak setting highlight old version. Perbedaan terbukti jelas pada CSS dan Javascript yang digunakan, serta cara penempatan saat ingin memposting source code tersebut.

     Kita tinggal mengedit Template Html kita, taruh source code CSS dan JavaScript di atas </head> . Untuk Sourcenya silahkan copy paste bawah ini :

     Kita lihat dari syntax CSSnya, di Syntax Highlight Gortbachev Version 3.0.83. Disertakan beberapa template CSS, sehingga teman - teman bisa menggantinya sesuai keinginan teman - teman.

diantaranya ada :

1. shThemeDefault.css

2. shThemeDjango.css

3. shThemeEclipse.css

4. shThemeEmacs.css

5. shThemeFadeToGrey.css

6. shThemeMidnight.css

7. shThemeRDark.css

Cara Penggunaannya Biasa, tinggal ganti aja nama cssnya

     Kita lihat dalam Javascriptnya :

- Old (yang dulu): 

- New (di versi 3.0.83):

Terlihat dengan jelas source yang pertama alamat Javascript mengarah ke http://syntaxhighlighter.googlecode.com/ sedangkan yang kedua atau yang baru mengarah ke situs gorbatchevnya langsung http://alexgorbatchev.com/


Ok, kalau script Javascript dan CSSnya sudah dipaste diatas </head>
Kita menuju ke cara posting, cara posting ada dua cara :
1. Menggunakan syntax <pre>

HTML code ketikan disini

Untuk Syntax selain html tinggal ganti brush:html dengan brush:java dsbnya.


2. Menggunakan syntax <script>

untuk Syntax selain php tinggal diganti brush:php dengan brush:html dsbnya
**NOTE khusus untuk syntax php menggunakan <script>


Apabila teman - teman tidak pernah memposting source code Python, untuk memperingan load tampilan browser, teman - teman delete saja script :

Tapi memang, enak make yang baru, daripada yang lama, Hehehe...

Sudah, itu aja, teman - teman tinggal nyoba. untuk list brush bisa dilihat disini

#Jangan Copas Artikel Milik Orang laen, Hargai Usaha Orang Laen.
SALAM WAFER....