Sekilas tentang Syntax Highlighter. Syntax Highlighter merupakan fitur dari text editor, khususnya editor untuk kode, html, php atau bahasa program lainnya sehingga berbeda dengan tulisan lain di sekitarnya. Fungsinya untuk memudahkan programmer dalam membaca dan menganalisa source code tersebut.
Jika sobat ingin memasang di blog sobat, silahkan cari kode <head> dan copy kode dibawah ini tepat dibawah kode <head> atau diatas <b:skin><![CDATA[/*
Save.Kode SyntaxHighlighter <!-- First we add CSS styles --> <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/shCoreDefault.css' rel='stylesheet' type='text/css'/> <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css' rel='stylesheet' type='text/css'/> <!-- Second we add JS scripts --> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js' type='text/javascript'></script> <!-- Then we add Brushes --> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script> <!-- At last we call SyntaxHighlighter --> <script language='javascript' type='text/javascript'> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script>
Cara menggunakanya sebagai berikut:
Cara penggunaan pada posting dengan javascript™ <pre class="brush: javascript"> Source code </pre>
Cara penggunaan pada posting dengan CSS™ <pre class="brush: CSS"> Source code </pre>
Ganti Source code dengan script yang mau di masukkanCara penggunaan pada posting dengan HTML™ <pre class="brush: HTML"> Source code </pre>