Fungsi Syntax Highlighter sebenarnya tidak jauh beda dengan Blockquote, hanya saja Syntax Highlighter ini tampilannya membedakan dari tulisan yang lainnya, namun Syntax Highlighter ini mempunyai kelebihan yaitu dengan adanya fitur-fitur yang didukung oleh JQuery.
Fasilitas dari Syntax Highlighter ini, antara lain:
Adanya fasilitas print untuk kode.
Adanya fasilitas view source yaitu membuka barisan kode dalam popup windows.
Dan ada 8 jenis theme yang bisa kamu gunakan.
Fasilitas dari Syntax Highlighter ini, antara lain:
Adanya fasilitas print untuk kode.
Adanya fasilitas view source yaitu membuka barisan kode dalam popup windows.
Dan ada 8 jenis theme yang bisa kamu gunakan.
Tutorial pemasangan Syntax Highlighter berikut ini :
- Login ke Blogger
- Pilih tab Design > Edit HTML
- Kemudian kode </head>
- Copy kode di bawah ini dan pastekan di diatas kode: </head>
- KEmudian Save
<link href="http://sites.google.com/site/bloggermintcom/shCore.css" rel="stylesheet" type="text/css"></link>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css" rel="stylesheet" type="text/css"></link>
<script src="http://tutorialforyou.googlecode.com/files/shCore.js" type="text/javascript">
<script src='http://tutorialforyou.googlecode.com/files/shBrushCss.js' type='text/javascript'/>
<script src='http://tutorialforyou.googlecode.com/files/shBrushJScript.js' type='text/javascript'/>
<script src='http://tutorialforyou.googlecode.com/files/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js' type='text/javascript'/>
<script language='javascript' type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>
Untuk pemasangannya gunakan kode berikut:
<pre class='brush:js'>
LETAKAN KODE SCRIPT YANG AKAN DIPASANG DISINI
</pre>