Trình bày code bằng Syntax Highlighter trên Blogger

Syntax Highlighter là một plugin đơn giản giúp bạn trình bày code của mình trên Blogger, có nhiều phiên bản, nhưng hôm này mình sẽ giúp các bạn sử dụng Plugin này để trình bày code trên Blogger, ưu điểm của plugin này là nó có thể tự động lưu code vào Clipboard và bạn khỏi cần phải thao tác copy-paste hay nhấn Ctrl+C nữa, ngoài ra nó còn hỗ trợ 13 mẫu hiển thị code cho bạn tha hồ có thể lựa chọn. Trong bài này, mình hướng dẫn sử dụng phiên bản 2.1.364.

DEMO

Để thao tác, bạn làm như sau:
1. Đăng nhập Blogger > Thiết kế > Chỉnh sửa HTML, mở rộng mẫu tiện ích.
2. Copy đoạn code bên dưới và dán vào trước thẻ đóng </head>.

3. Tiếp tục tìm thẻ đóng </body> và thêm trước nó đoạn code.

4. Để sử dụng cho đăng code trên bài viết, ta dùng cặp thẻ <pre></pre> để hiển thị code.

5. Bạn có thể ẩn thanh Toolbar bằng cách.

Vậy là xong, quá dễ phải không các bạn. Chúc các bạn thành công.

Nguồn: Stylifyyourblog