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