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.

Để 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 
Trình bày code bằng Syntax Highlighter trên Blogger Trình bày code bằng Syntax Highlighter trên Blogger Reviewed by on Rating: 5

10 nhận xét

  1. Syntax Highlighter này hình như còn mấy style nữa .
    Em cũng đang tính nhồi nó vào blog mà nhiều khi thấy load ko ổn lắm :-??

    Trả lờiXóa
  2. Blog em không chèn code được :(

    Trả lờiXóa
  3. @Đing Kiu Truê : Sao ko dc , blog nào mà chẳng chèn dc

    Trả lờiXóa
  4. Chèn đc hết mà mấy bác, em chèn trong demo đó.

    Trả lờiXóa
  5. Mấy temp trước thì được
    Temp đang dùng thì không :(

    Trả lờiXóa
  6. @Đing Kiu Truê : Sao ko thay temp khác đi, tem bác đang dùng em thấy chả ngon tý nào cả:D

    Trả lờiXóa
  7. Vatinam +
    Hình như Quang bỏ liên kết rồi thì phải :-/

    Trả lờiXóa
  8. Còn đó bác, em bỏ trong About kìa:)

    Trả lờiXóa
  9. Lâu ko thấy bài mới nhỉ :D

    Trả lờiXóa
  10. @ Vatinam +
    Ừ nhỉ, bạn nói tớ mới để ý:)]

    Trả lờiXóa