Menggunakan Syntax Highlighter Dari Alex Gorbatchev

Pilihan Syntax Highlighter untuk memperindah tampilan script atau kode yang ditampilkan pada sebuah post

Menggunakan Syntax Highlighter Dari Alex Gorbatchev

Menggunakan Syntax Highlighter Dari Alex Gorbatchev - Merupakan salah satu pilihan lagi untuk mempercantik tampilan script atau kode yang ditampilkan dalam sebuah post, sebuah Syntax Highlighter dari Alex Gorbatchev akan mempercantik tampilan source code dengan gayanya.

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.

Syntax Highlihgter dari Alex Gorbatchev

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 = &#39;http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf&#39;;
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.

2 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. kalau cara bikin syntax highlighter kaya blog ini gimana ya?

    ReplyDelete

Terima Kasih Atas Komentar Anda

  • +Bagikan
  • +Admin