Menciptakan Block Untuk Instruksi/Script Acara Di Situs Web Ataupun Blogger

Disini kita akan menggunakan SyntaxHighlighter model 3. SyntaxHighlighter ialah sebuah highlighter isyarat syntax yang dikembangkan menggunakan JavaScript. Berikut yaitu contoh tampilannya:

HTML Title

Hello World!

Sejumlah orang yang paham ihwal sxntax sukar untuk mempublikasi kodenya di website mereka. Banyak dari mereka “mengakalinya” dengan cara memberi warna pada setiap tulisan kodenya, atau cara lainnya. Namun seiring dengan majunya teknologi, sekarang kita bisa memakai SyntaxHighlighter yang diciptakan oleh Alex Gorbatchev dibawah MIT License atau GNU General Public License (GPL).

Lalu bagaimana menggunakannya?
Jika anda akan menggunakannya di situs web eksklusif anda dimana anda mampu mengupload file ke situs anda, silahkan kunjungi LINK INI untuk mendownloadnya.

Namun jika anda menggunakan Blogspot atau situs dimana anda tidak bisa mengupload file, anda tidak perlu mendownload filenya… langsung saja menuju Dashboard > Design > Edit HTML. Dalam textbox pada bab “Edit Template”, kerjakan hal berikut:

1. Tekan CTRL + F kemudian ketikkan “” tanpa tanda kutip.

2. Copykan isyarat berikut di bab diatas aba-aba “”

*Catatan: pada bab Syntax Type, mampu anda tambah atau minimalkan sesuai dengan keperluan (“type bahasa pemrograman apa saja yang diharapkan) lihat http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

3. Klik Save Templates.

4. kemudian untuk menggunakannya, klik Dashboard > New Post

5. Terlebih dulu pilih tab Edit HTML. Masukkan Script atau Kode didalam tag

 dan pastikan class dengan brush name.
 
  
  
 6. instruksi brush:[brushname];  bisa diganti   brush:html   atau   brush:php  atau  brush:cpp dan lain sebagainya
 
 
 7. Pastikan bahwa script atau isyarat harus sudah menjadi “HTML escaped”, yakni. semua tanda “<" mesti diganti dengan  "&lt" tanpa tanda kutip; Ada beberapa tools yang mampu anda pakai untuk menconvertnya!
 – Encode / Decode HTML Entities 
 – Postable 
 Contoh, misal untuk memberikan aba-aba JavaScript.
 Tuliskan tag
, dan definisikan kelasnya
 dan beri nama brush
 berikutnya paste arahan javascript ke dalam tag
 <script type="text/javascript"> var d = new Date(); var time = d.getHours(); if (time < 10) document.write("<b>Good morning</b>"); else document.write("<b>Good day</b>"); </script> 
 akibatnya mirip ini
 
 Go to Top of page
 _________________________________________
 tumpuan:
 – Syntax Highlighter Homepage
 – Way to Blogging