Home » , » Cara Memasang Syntax-Highlighter dari alex gorbatchev

Cara Memasang Syntax-Highlighter dari alex gorbatchev

Dadi Mulyadi | 5/14/2010 12:59:00 pm | 15komentar

Artikel ini hampir sama dengan yang pernah saya ulas sebelumnya yaitu cara memasang tanda kutip/quotes di blogspot apabila anda tertarik untuk membuat quotes/tanda kutip di blog anda silahkan baca postingannya klik disini
Memang blogger selalu diberikan kemudahan dalam dunia blogging seperti yang akan saya bahas pasang Syntax-Highlighter dari alex gorbatchev ini sangat bagus dan profesional untuk blog  tutorial khusus blogspot atau tutorial wordpress, yang mana setiap anda ingin memposting kode script seperti screenshot berikut ....klik pada gambar untuk hasil yang besar. Jangan lupa untuk mem-parce kode script-nya terlebih dulu sebelum anda memposting. Dan apabila ada pertanyaan silahkan tinggalkan pesan melalui kotak komentar saya selalu siap untuk menjawabnya.

cara memasang syntax highligter dari alex gorbatchev

Syntax-Highlighter sangat memudahkan pengunjung yang ingin meng-copy kode script tersebut, pengunjung hanya menekan tombol yang berada diujung sebelah kanan atas
apa yang dia inginkannya seperti tombol print dan view source from Syntax-Highlighter. Apabila anda tertarik untuk memasang Syntax Highlighter di blog anda berikut langkah-langkahnya :
Masuk ke dashboard ► LAYOUT/DESIGN ► EDIT HTML ► Download Full Template untuk berjaga-jaga bila terjadi kesalahan ► centang Expand Widget ►
sisipkan kode berikut dan paste sebelum kode </head>

<title>Syntax-Highlighter-masterGOmaster</title>
<script src='http://emoticmastergomaster.googlecode.com/files/shCore.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushBash.js' type='text/javascript'/>

<script src='http://emoticmastergomaster.googlecode.com/files/shBrushCpp.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushCSharp.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushCss.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushDelphi.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushDiff.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushGroovy.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushJava.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushJScript.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushPhp.js' type='text/javascript'/>

<script src='http://emoticmastergomaster.googlecode.com/files/shBrushPlain.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushPython.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushRuby.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushScala.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushSql.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushVb.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushXml.js' type='text/javascript'/>
<link href='http://alexgorbatchev.com.s3.amazonaws.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com.s3.amazonaws.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>

sisipkan kembali kode berikut dan paste sebelum kode </body>

<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://mastergomaster2.googlecode.com/files/clipboard.swf';
SyntaxHighlighter.all();
</script>


Untuk cara penggunaannya sisipkan kode dibawah ini setiap anda akan memposting artikel

<pre class="brush: c-sharp;">

......sisipkan kodenya disini......

</pre>

Apabila anda ingin penempatan yang praktis kode diatas anda dapat menyimpannya dan berikut trik memasang script Syntax-Highlighter :
Masuk ke dashboard ► setting ► formatting ► copy kode diatas dan paste pada kolom kosong di Post Template ► Save setting.
Jika anda ingin memposting baru kode tersebut diatas akan secara otomatis ada pada halaman posting anda, sekian dan semoga bermanfaat. Silahkan klik disini untuk demo

membuat syntax highlighter
anda suka artikel ini silahkan klik tombol berikut
Share this article :

Promo Paket Hemat

TOKO SOFTWARE KOMPUTER ONLINE

Popular Posts

 
Support : Comments feeds | Facebook | Twitter
Copyright © 2013. Blog masterGOmaster - All Rights Reserved
Belanja Online di Toko masterGOmaster
Proudly powered by Blogger