Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Syntax Highlighter for Blogger


Syntax Highlighter adalah suatu fitur text editor untuk meng-highlight dalam berbagai warna source code bahasa pemrograman tertentu agar dapat memudahkan programmer dalam membaca dan menganalisa source code tersebut. Syntax Highlighter biasa digunakan di kebanyakan blog ternama untuk meng-highlight kode script yang biasa digunakan pada postingan artikel yang berisi tutorial. Syntax Highlighter akan sangat membantu pengunjung blog agar source code yang kita posting mudah dibedakan sebagai source code dan tentunya enak dipandang mata. Di internet ada banyak jenis Syntax Highlighter, namun pada kesempatan kali ini saya hanya akan membahas Syntax Highlighter yang sering digunakan oleh blog-blog terkenal, yaitu Syntax Highlighter hasil kreasi Alex Gorbatchev.

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


  • Cari kode pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan taruh di atas kode tersebut.










  • Klik "Save" untuk menyimpan template...
Cara Penggunaan :

Pada postingan artikel cukup menambahkan kode
...script / css... pada mode "Edit HTML" untuk mengaktifkan Syntax Highlighter di postingan artikel, sebagai contoh penggunaan seperti penulisan kode di bawah ini.

 


Bentuk hasil Syntax Highlighter akan terlihat seperti di bawah ini.
 

Gimana sob... kerenkan infonya... oh yaa by the way busway anyway hasil diatas menggunakan tema warna default dari Syntax Highlighter supaya lebih lengkap infonya saya juga akan berikan tambahan info untuk tema warna Syntax Highlighter biar makin komplit artikelnya...

Pilihan Tema Syntax Highlighter :

Silakan sobat pilih beberapa tema Syntax Highlighter di bawah ini supaya sesuai dengan tema template blog yang sobat gunakan. Pemasangan tema Syntax Highlighter ini cukup mudah cukup ganti kode script di atas (yang dipasang di template), seperti pada kode di bawah ini.


Kemudian ganti dengan kode tema berikut ini.
  • Django Theme




  • Emacs Theme




  • Fade to Grey Theme




  • Eclipse Theme




  • Midnight Theme




  • RDark Theme



Klik "Save" untuk menyimpan template... kemudian apabila postingan artikel sobat sudah menggunakan Syntax Highlighter silakan sobat lihat hasilnya pada postingan artikel tersebut.

.: Semoga Bermanfaat :.


This post first appeared on MONOSBIT, please read the originial post: here

Share the post

Syntax Highlighter for Blogger

×

Subscribe to Monosbit

Get updates delivered right to your inbox!

Thank you for your subscription

×