Akhirnya setelah hilir mudik kesana kemari dan ngiri sama orang - orang yang bisa menampilkan tutorial script mereka dengan indah ... ketemu caranya ...
Tetapi setelah ketemu ada aja masalah yang timbul ... paling banyak sih karena gak mau tampil framenya ... :S
ok langsung aja .... caranya gini
1. Download dulu syntachiglighter dari google, alamatnya "http://syntaxhighlighter.googlecode.com/files/SyntaxHighlighter_1.5.1.rar"
2. Masalah ke dua adalah google tidak menyediakan source khusus yg bisa di panggil secara bebas. Kalau lihat di web banyak yang menyarankan pake google pages. Nah, ternyata layanan ini sudah di tutup untuk pendaftar baru, hanya pendaftar lama yang bisa akses dan itupun mereka dah di warning untuk relokasi (kaya pedagang kaki lima aja ...0_0). Jadi entar setelah download silakan cari hosting gratisan sendiri yah .... buat menempatkan filenya.
3. Di dalam paket yang kita download tadi ada beberapa file, tapi yang wajib di upload adalah : SyntacHiglighter.css, clippboard.swf, shCore.js
4. File - file lain di upload aja sesuai kebutuhan .. kl bingung liat aja table di bawah.
| Jenis Script | Nama File | Cara panggil |
| C++ | shBrushCpp.js | cpp, c, c++ |
| C# | shBrushCSharp.js | c#, c-sharp, csharp |
| CSS | shBrushCss.js | css |
| Delphi | shBrushDelphi.js | delphi, pascal |
| Java | shBrushJava.js | java |
| Java Script | shBrushJScript.js | js, jscript, javascript |
| PHP | shBrushPhp.js | php |
| Python | shBrushPython.js | py, python |
| Ruby | shBrushRuby.js | rb, ruby, rails, ror |
| Sql | shBrushSql.js | sql |
| VB | shBrushVb.js | vb, vb.net |
| XML/HTML | shBrushXml.js | xml, html, xhtml, xslt |
5. Kl sudah kita buka Layout blogger dan pilih edit html. Scroll ke bawah cari tulisan </body> . Diatasnya kita tulis
<link href='http://tempatsimpandata/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<script src='http://tempatsimpandata/shCore.js' type='text/javascript'/>
<script src='http://tempatsimpandata/shBrushCpp.js' type='text/javascript'/>
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
<script>
shBrushCpp.js bisa dengan file lain yang kita butuhkan ... lebih jelasnya liat table diatas.
6. Untuk mempergunakan fasilitas ini cukup kita lakukan penulisan
<pre> nama="code" class="jenis script"
....tuliskan kode disini....
</pre>
Perkara hasil ... sudah bisa di liaht langsung diatas kan ^^.
Semoga sedikit info ini bisa membantu.
0 comments:
Post a Comment