SyntaxHighlighter apa itu ??? waduh ada ada saja untuk apa ini ? yah fungsi dari syntaxhighlighter untuk menaruh HTML code dengan rapi, biasa lah para pengguna blogger kan pengen tampilan posting HTML codenya itu lebih menarik dan enak dipandang mata + cara copynya juga gampang. contoh tampilanya bisa anda lihat di bawah :
SyntaxHighlighter merupakan cara mudah untuk menampilkan penggalan kode pos-line
SyntaxHighlighter menggunakan ekspresi reguler untuk parse teks. ingat taukah tentang cara parse html ? oke silakan baca tentang cara memasukan HTML di posting anda. Jadi jika anda hanya mencoba untuk menyorot beberapa puluhan baris kode, mungkin tidak ada masalah. Tapi jika anda mencoba untuk menyorot 10kb lebih nilai teks,kemungkinan eksekusi lebih lambat
SyntaxHighlighter menggunakan ekspresi reguler untuk parse teks. ingat taukah tentang cara parse html ? oke silakan baca tentang cara memasukan HTML di posting anda. Jadi jika anda hanya mencoba untuk menyorot beberapa puluhan baris kode, mungkin tidak ada masalah. Tapi jika anda mencoba untuk menyorot 10kb lebih nilai teks,kemungkinan eksekusi lebih lambat
Bahasa Program yang didukung dalam script ini:
| Language | Aliases |
| C++ | cpp, c, c++ |
| C# | c#, c-sharp, csharp |
| CSS | css |
| Delphi | delphi, pascal |
| Java | java |
| Java Script | js, jscript, javascript |
| PHP | php |
| Python | py, python |
| Ruby | rb, ruby, rails, ror |
| Sql | sql |
| VB | vb, vb.net |
| XML/HTML | xml, html, xhtml, xslt |
Cara mengguakan Syntax highlighter pada blogger blogspot.
1. Download dulu semua filenya.
2. Extrack dengan winRAR atau sejenis SyntaxHighlighter_1.5.1.rar
3. Upload semua file Java Srcipt (pada folder Scripts) ke server milik anda, site.google.com misalkan.
4. Letakan kode ini di bawah kode <head>
<link href='http://alamat-server-anda.com/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/> <script src='http://alamat-server-anda.com/shCore.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushCpp.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushCSharp.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushCss.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushDelphi.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushJava.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushJScript.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushPhp.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushPython.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushSql.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushVb.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushXml.js' type='text/javascript'/> <script src='http://alamat-server-anda.com/shBrushRuby.js' type='text/javascript'/>
5. Kemudian letakan ini diatas kode </body>
<script language='javascript'>
function start() {
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code', true, true, false, 1, false);
}
window.onload = start;
</script>6. Simpan sebelumnya hasil kerja anda
Cara mengaktifkan kode ini adalah kita masuk pada Editor Text (Jendela Posting)
Letakkan kode anda pada halaman ditandai dengan tag
Sebelumnya Masuk ke Blogger kemudian cari Tab Setting setelah itu pilih Format kemudian pilih Templat Entri masukan kode kode di bawah ini sebelumnya baca dulu
Sebelumnya Masuk ke Blogger kemudian cari Tab Setting setelah itu pilih Format kemudian pilih Templat Entri masukan kode kode di bawah ini sebelumnya baca dulu
<pre name="code" class="c-sharp"> ... some code here ... </pre>Alternatif untuk <pre> adalah dengan menggunakan tag <textarea>. Tidak ada masalah dengan < karakter dalam kasus ini. Masalah utamanya adalah <pre> tidak dapat bekerja dengan baik jika tag JavaScript tetap digunakan untuk beberapa alasan (di RSS feed misalnya)<textarea name="code" class="c#" cols="60" rows="10"> ... some code here ... </textarea>Ini sudah saya uji coba dan 100% berhasil. Pelajari kode selengkapnya di alamat ini http://code.google.com/p/syntaxhighlighter/ Stage Complet cara memasang syntax highlighter pada blog blogspot dengan mudah o ow...... coment brow.....
No comments:
Post a Comment
Terimakasih Anda Telah berkunjung di di blog kami...