Blogger and Syntax Highlighting integration


Syntax Highlighter and Blogger

การเพิ่ม Syntax Highlighter ให้ใช้งานได้กับบล็อกเกอร์ 


1) ทำการแบล็คอัพเทมเพลทก่อน แล้วไปที่ Blogger Dashboard > Design > Edit HTML.
2) กดคีย์บอร์ด CTRL+F เพื่อทำการค้นหาส่วนหัวเว็บhead
3) ก็อปปี้โคดต่อไปนี้ไปวางที่ส่วนหัวดังกล่าว






















4. ปรีวิว ดูว่าเทมเพลททำงานถูกต้องหรือเปล่า แล้วทำการ save.
การทำให้สคริปต์ทำงานเราต้องเพิ่มส่วนที่สำคัญ 3 ส่วนคือ

1. pre open tag
2. script tag
3. pre close tag
เมื่อทำการโพสต์ข้อความใหม่เราต้องวางส่วนที่เป็นซอสโค๊ดไว้ตรงกลางระหว่างแท็ก pre class="brush:html" และ /pre แท็ก syntaxhighligh จึงจะทำงานได้ถูกต้อง

ตัวอย่างการใช้งานร่วมกับ HTML code
Your 'HTML' code goes here

ตัวอย่างการใช้งานร่วมกับ Javascript code




ตัวอย่างการใช้งานร่วมกับ CSS code
Your 'CSS' code goes here

ตัวอย่างการใช้งานร่วมกับ PHP code

*อ่านเพิ่ม:
http://code.google.com/p/syntaxhighlighter/wiki/Usage
http://alexgorbatchev.com/SyntaxHighlighter/integration.html
 


Previous
Next Post »
Thanks for your comment