Monday, January 2, 2017
Cara Pasang Syntax Highlighter Pada blogger
Cara Pasang Syntax Highlighter Pada blogger
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>
Available link for download
