Memasang Syntax Highlighter Dari Alex Gorbatchev (Current Version)

Memasang Syntax Highlighter Dari Alex Gorbatchev (Current Version) - Syntax highlighter dari Alex Gorbatchev ini memang sangat membantu sekali dalam hal penyesuaian dalam penempatan barisan kode yang akan di publish dalam postingan, karena dengan adanya syntax highlighter ini maka pembaca akan lebih mudah memahami dan membaca setiap barisan kode yang telah kita tuliskan. Dan keberadaan syntax highlighter dari Alex Gorbatchev ini tentunya akan membawa dampak keunikan tersendiri pada setiap tampilan dalam barisan blok kode yang ada kerena memang tampilannya pun sangat stylish dan elegant, serta enak di pandang mata.

Syntax highlighter dari Alex Gorbatchev yang akan saya share pada kesempatan kali ini merupakan syntax highlighter current version (versi yang tersedia sekarang/paling baru). Langsung saja bagi anda yang berminat silahkan ikuti langkah-langkah bagaimana cara memasang syntax highlighter dari Alex Gorbatchev (current version) berikut ini :

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".

3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".

4. Kemudian cari kode </head> dan letakkan script kode berikut ini tepat di atasnya.

<!-- SYNTAX HIGHLIGHTER BEGINS -->

<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>

<!-- SYNTAX HIGHLIGHTER ENDS -->

5. Lalu klik save, dan selesai...

Langkah selanjutnya adalah mengetahui bagaimana cara pemanggilannya agar syntax highlighter tersebut dapat di tampilkan dengan baik. Caranya sangat sederhana, yaitu anda tinggal menambahkan tag <pre> pada barisan kode yang akan di beri syntax highlighter tersebut, contohnya seperti berikut ini :

1. Untuk script kode html :

<pre class="brush:html">

Sisipkan kode html anda di sini!

</pre>

2. Untuk script kode css :

<pre class="brush:css">

Sisipkan kode css anda di sini!

</pre>

3. Untuk script kode java :

<pre class="brush:java">

Sisipkan kode java anda di sini!

</pre>

4. Untuk script kode javascript :

<pre class="brush:javascript">

Sisipkan kode javascript anda di sini!

</pre>

5. Untuk script kode php :

<pre class="brush:php">

Sisipkan kode php anda di sini!

</pre>

Dan lain sebagainya... Mungkin cukup sekian postingan tentang cara memasang syntax highlighter dari Alex Gorbatchev (current version) ini, selebihnya saya mohon ma'af dan semoga bermanfaat bagi anda. Salam sejahtera by ngeposta...

Anda sedang membaca Artikel berjudul Memasang Syntax Highlighter Dari Alex Gorbatchev (Current Version), dan dengan URL http://kabarkabaru.blogspot.com/2012/10/memasang-syntax-highlighter-dari-alex.html. Anda boleh membagikan artikel Memasang Syntax Highlighter Dari Alex Gorbatchev (Current Version) ini kepada Teman - Teman anda namun jangan lupa mencantumkan link Memasang Syntax Highlighter Dari Alex Gorbatchev (Current Version) sebagai Sumbernya.Terima Kasih