พิมพ์ Code ต่างๆ ลงไปใน Blog

วันนี้ฟิต ฮ่าาา พอดีนั่งๆทำบทความ How to run OFBiz as a Service on Ubuntu
10.10เกิดปัญหาคือตรง command ของ linux พิมพ์ไปแล้วมันดูไม่สวยไม่เป็นระเบียบ
ไม่ชวนมองเท่าไรพอดีเหลือบไปเห็น เวบ blog ของคนอื่นไหงมันดูสวยจังตรง code
เลยไปหาข้อมูลมาว่าทำยังไงเลยได้วิธีมา จาก Google โปรเจคชื่อ SyntaxHighlighter

เจ้า SyntaxHighlighter นี่คือ ตัวช่วยให้นัก developer/coder ได้พิมพ์ code ต่างๆลงไปใน Blog
ได้อย่างสวยงาม ไม่พูดมากหละลงมือกันเลยหละกันครับ พีน้อง

1. ไปที่ blog ของเราเลยแล้วเข้าไปที่ ออกแบบ --> แก้ไข Html








2. ไปที่ http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.cssไป copy CSS ทั้งยวงมา แล้วเอาไปว่าง ระหว่าง TAG
<b:skin><!--[CDATA[/* ...... ]]--></b:skin>

<b:skin><!--[CDATA[/*



เอามาวางระหว่างนี้



]]--></b:skin>

3. ก่อน TAG </head> ให้ copy code เอาไปวางไว้ครับ

4. ก่อน TAG </body> ให้ copy code เอาไปวางไว้ครับ

5. บันทึก การออกแบบแล้วไปที่บทความเพื่อทดสอบกันเลย

6. มาทดสอบกัน สมมติว่าผมจะเพิ่ม code cpp ลงใน blog ผมก็

#include iostream.h

using namespace std;

int main()

{

   double x, y;

   cout << "Enter two floating-point values: ";

   cin >> x ;

   cin >> y;

   cout << "The average of the two numbers is: " << (x + y)/2.0 << endl;

   return 0;

} 

มีให้เลือกอีกหลายแบบเลยนะคับ เช่น : cpp, c, c++, c#, c-sharp, csharp, css,
delphi, pascal,java, js,jscript, javascript, php, py, python, rb, ruby,
rails, ror, sql, vb, vb.net, xml,html, xhtml, xslt.หรือไปดูแบบเต็มๆว่า
support อะไรบ้างที่ Supported languages.

ลองกันดูครับแล้ว blog ก็จะสวยงามมมมม อิอิ