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
4/ 5 stars - "Trình bày code bằng Syntax Highlighter trên Blogger" Trình bày code bằng Syntax Highlighter trên Blogger
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 comments

  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 :-??

    ReplyDelete
  2. Blog em không chèn code được :(

    ReplyDelete
  3. @Đing Kiu Truê : Sao ko dc , blog nào mà chẳng chèn dc

    ReplyDelete
  4. Chèn đc hết mà mấy bác, em chèn trong demo đó.

    ReplyDelete
  5. Mấy temp trước thì được
    Temp đang dùng thì không :(

    ReplyDelete
  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

    ReplyDelete
  7. Vatinam +
    Hình như Quang bỏ liên kết rồi thì phải :-/

    ReplyDelete
  8. Còn đó bác, em bỏ trong About kìa:)

    ReplyDelete
  9. Lâu ko thấy bài mới nhỉ :D

    ReplyDelete
  10. @ Vatinam +
    Ừ nhỉ, bạn nói tớ mới để ý:)]

    ReplyDelete