Cara termudah syntax highlighting Code di Blog dengan Gist

Dari hasil searching sana, searching sini, untuk mencari tools code formatter / syntax highlighter untuk posting kode di blog. Akhirnya pilihan jatuh pada Gist,


Apa itu Gist?
Berdasarkan informasi di situsnya, http://gist.github.com,
Gist merupakan fitur yang disediakan oleh Github, pada dasarnya mirip pastebin, yaitu kita paste text disana dan share ke orang lain. Bedanya Gist sudah dilengkapi fitur Syntax hightlighting dan versioning.

contoh code snippet ini:
procedure TForm1.btn2Click(Sender: TObject);
begin
Edit1.Text := GeneratePWDSecutityString();
end;

Implementasinya dalam blogger(blogspot) cukup mudah, yaitu:
1. Silahkan menuju ke http://gist.github.com/
2. Paste kode yang ingin di posting
3. Pilih syntax yang diinginkan

4. Klik tombol Create Public Gist, hasilnya akan terlihat:

5. klik Embed, dan Copy & paste code 'Embed Tag' ke posting blogger (pilih mode Edit HTML)

6. Publish Post, hasilnya akan terlihat seperti code dibawah ini:



Gimana? mudah 'kan Gist On blogger...

ps"
akan lebih baik kalau kita sudah register di Github, agar kode yang di share/embed di blog/web tidak bisa diklaim oleh orang lain.


referensi:
http://gist.github.com/
http://developertips.blogspot.com/2010/07/syntax-highlighting-on-blogger-gist.html
http://endy.artivisi.com/blog/aplikasi/menggunakan-gist/

5 Tools Syntax Highlighter untuk Blogger

Posting Sintaks / Kode / potongan Kode (code snippet) di blog akan lebih menarik jika kode tersebut terformat sesuai syntax nya (Syntax highlighting).

Tools-tools Syntax Highlighter / Code Formatter yang sering digunakan:
1. SyntaxHighlighter
Tools ini cukup terkenal, di develop dengan javascript, support banyak syntax, support themes.
Download script | Demo | Themes | Panduan Install | Panduan Integrasi Blog/Web | Support Syntax

2. google-code-prettify
Sama seperti syntaxhighlighter, code-prettify di develop dengan javascript, support banyak syntax, support themes.
Download Script | Themes | Demo | Panduan install & Integrasi Blog/Web | Support Syntax

3. OHT - Online Syntax Highlighting
Tidak seperti 2 point diatas, tools ini sifatnya Online dengan preview outputnya. Tools ini akan menggenerate code sesuai syntax yang diinginkan yang sudah berformat HTML, jadi kita tinggal kopi paste code hasil format ke blog/web

4. CodeFormatter
Sama seperti OHT, tools ini juga sifatnya Online dengan preview outputnya. Tools akan menggenerate code berformat HTML. Namun belum support banyak syntax.

5. Gist
Gist merupakan fitur yang disediakan oleh Github, pada dasarnya mirip pastebin, yaitu kita paste text disana dan share ke orang lain. Bedanya Gist sudah dilengkapi fitur Syntax hightlighting dan versioning.
Demo + Tutorial


Dari 5 Tools di atas, favoritku adalah Gist, karena kemudahannya dalam mengimplementasikan dalam blog.