Memasang Syntax Highlighter 2.1.364

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Tutorial kali ini saya akan membahas tentang Memasang Syntax Highlighter 2.1.364 pada blogger atau blogspot. Karena tutorial ini saya buat semudah mungkin, jadi saya harap pembaca bisa mengerti apa yang saya bahas dan saya harap mengerti telah apa yang saya maksud. OK kalau begitu, kita mulai saja menuju ke TKP

demo

Contoh Syntax Highlighter 2.1.364

1. Log In ke akun blogger dulu
2. Masuk Rancangan, kemudian edit HTML
3. Centang Expand Template Widget
Expand Template Widget
4. Tekan CTRL+F dan ketik

</head>

5. Kemudian copy kode di bawah ini

<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'></script> 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

6. Copy kode tadi di atas

</head>

7. Kemudian Save template

Kemudian Cara Memasukkan kode ke dalam Artikel

1. Buat artikel yang ingin di beri kode
2. Kemudian ini scriptnya

<script type="syntaxhighlighter" class="brush: html"><![CDATA[
####### Masukkan kodenya disini ############
####### Masukkan kodenya disini ############
####### Masukkan kodenya disini ############
####### Masukkan kodenya disini ############
####### Masukkan kodenya disini ############
]]></script>

atau juga bisa kode yang ini

<pre class="brush: js">
####### Masukkan kodenya disini ############
####### Masukkan kodenya disini ############
####### Masukkan kodenya disini ############
####### Masukkan kodenya disini ############
####### Masukkan kodenya disini ############
</pre>

3. Kemudian Terbitkan entri

Untuk info lebih lanjut tentang Syntax Highlighter, baca artikel ini.

ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ

Artikel Terkait