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>.

	<link href='http://alexgorbatchev.com.s3.amazonaws.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
	<link href='http://alexgorbatchev.com.s3.amazonaws.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
	<script src='http://alexgorbatchev.com.s3.amazonaws.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com.s3.amazonaws.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushBash.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'/>
	<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'/>

view raw code-sh-21364-html.html hosted with ❤ by GitHub

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

	<script language='javascript'>
	SyntaxHighlighter.config.bloggerMode = true;
	SyntaxHighlighter.config.clipboardSwf = "http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf";
	SyntaxHighlighter.all();
	</script>