ขั้นตอน
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]บรรทัดที่เราต้องการได้อีกด้วย ดีมาก ๆ
1 ความคิดเห็น:
คือใส่ใน แอด หรือ ก่อน แฮดอะครับ แล้วที่ดาวน์โหลดอะมันยังไงครับ ไปไว้ที่ไหนอะ ช่วยอธิบายหน่อยครับ ขอบคุณครับ
แสดงความคิดเห็น