06/04/2011

Hướng dẫn hiển thị khung chứa code trong blogger với Syntax Highlighter

Chào mọi người !


Hôm nay xin giới thiệu với mọi người một cách để hiển thị code đẹp hơn, dễ nhìn hơn với Syntax Highlighter.


I/ Giới thiệu về Syntax Highlighter:
Syntax Highlighter cũng như nhiều script khác giúp hiển thị code tốt hơn. Bạn có thể search trên google và tìm được nhiều script khác. Nhưng tôi chọn Syntax Highlighter vì nó tốt, ổn định. Bạn có thể tìm hiểu thêm Syntax Highlighter tại trang chủ: http://alexgorbatchev.com/wiki/SyntaxHighlighter


II/ Cài đặt ở Blogger:
Trước tiên xin lưu ý là đây chỉ cài đặt trên Blogger. Còn nếu bạn sử dụng source khác ( có host riêng chẳng hạn ) thì dùng cách khác nhé.


Bước 1: Đăng nhập vào Blogger, chọn cài đặt, chọn tiếp Chỉnh sửa HTML
Bước 2:  Xem các teamplate sau



Bước 3: Chọn teamplate và các kiểu code sau đó click Getcode



Bước 4: Tại phần chỉnh sửa HTML, past vào trước thẻ  </head>


III/ Sử dụng:
Công thức như sau:


Phần brush:[brushname] là kiểu hiển thị code. Ví dụ brush:css, brush:php. Xem thêm tại http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

Tham khảo tại: http://www.way2blogging.org/2011/03/how-to-add-syntax-highlighterv3-to.html

1 nhận xét:

  1. Bạn có thể nói rõ là paste đoạn code vào phần nào của templace đưươợợ không?

    Trả lờiXóa