Jun 16, 2011

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/

1 comment:

Post a Comment