Selain banyak pilihan thema yang bisa dipergunakan, cara menggunakannya punya tidak begitu rumit. Syntax Highlighter Dari Alex Gorbatchev sudah menghadirkan beberapa versi untuk memperbaiki kinerja dan tampilan dari Syntax Highlighter.
Selain Syntax Highlighter Dari Alex Gorbatchev masih ada bebrapa Syntax Highlighter yang bisa menjadi pilihan seperti Syntax Highlighter dari Prism dan Syntax Highlighter dari Software Maniacs.
Untuk instalasi Syntax Highlighter Dari Alex Gorbatchev dalam sebuah weblog untuk mempermudahnya bisa menggunakan script dibawah ini :
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
dan letakan diatas </head>
Sedangkan untuk mempergunakannya seperti contoh dibawah ini:
<pre class="brush: html">
Kode HTML yang sudah di escape
</pre>
Untuk mempermudah dan memaksimalkan script yang dipergunakan, sebaiknya upload sendiri script file-nya dan tentukan thema yang akan dipergunakan untuk mempercantik source code Anda.
Dengan tahu/memilih bahasa yang akan dipergunakan akan mengurangi beban loading dan file-size xml-pun tidak membengkak.
Thema tampilannya pun bervariative, kita bisa memilih thema mana yang akan dipergunakan, untuk mempermudah memilih bisa melihat themanya dan brush-brush apa saja yang bisa dipergunakan.
- http://alexgorbatchev.com/SyntaxHighlighter/manual/themes
- http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes
Semoga bermanfaat.
This comment has been removed by the author.
ReplyDeletekalau cara bikin syntax highlighter kaya blog ini gimana ya?
ReplyDelete