แสดง code ใน blogger ด้วย SyntaxHighlighter 3.0.83

หลายคนอาจติดปัญหาว่าจะแสดง code PHP,C,CPP,C# ใน blogger.com ได้อย่างไร วันนี้ผมนั่งหาข้อมูลและพยายามทำจนสำเร็จ กลัวว่าจะลืมก็เลยเขียนขั้นตอนทิ้งไว้สักหน่อย เพื่อคนอื่น ๆ ที่จะใช้ด้วย
ขั้นตอน
1.เข้าเว็บ blogger.com Login เข้าหน้าจัดการ
2.ไปที่ Settings->Edit HTML copy code นี้วางในส่วนของ head

แล้วทำการบันทึก โดยกดปุ่ม SAVE Template เราก็จะได้ Template ที่พร้อมใช้งานแล้วครับ

หมายเหตุ
- Download SyntaxHighlighter 3.0.83 ที่ http://alexgorbatchev.com/SyntaxHighlighter แล้ว upload script ไปวางที่ไหนก็ได้แล้วก็เปลี่ยนลิงค์ไปชี้เอาเองครับ

SyntaxHighlighter.config.bloggerMode = true;

- บรรทัดนี้ต้องมีเพราะจะช่วยให้แสดงผลใน blog ได้ ถ้าไม่ใส่ จะมีผลทำให้ code เรียงกันเป็นแถวเดียว

3.มาถึงขั้นตอนเรียกใช้งานครับ ใช้ tag pre เปิด-ปิด เพื่อกำหนดขอบเขตของ code โดยต้องระบุภาษาด้วย brush:html แสดงผล code ภาษา HTML

brush:html
brush:c
brush:cpp
brush:php

อื่น ๆ อีกมากสามารถศึกษาเพิ่มเติมได้ที่เว็บ SyntaxHighlighter

...
...

ตัวอย่างการแสดงผลเป็นภาษา C

#include  
int main (void){   

    printf("Hello World");
    printf("\n");
    system("pause"); 

} 

ผลลัพธ์

#include  
int main (void){   

    printf("Hello World");
    printf("\n");
    system("pause"); 

} 

อีกทั้งสามารถ highlight:[5]บรรทัดที่เราต้องการได้อีกด้วย ดีมาก ๆ