Thứ Ba, 26 tháng 8, 2008

Làm cách nào để đặt đoạn code trên bài viết của blogger

Bạn là người yêu thích lập trình, muốn chia sẻ những đoạn code hay lên mạng hay những đoạn code made in tự tui nhưng ngặt nỗi blogger không có thể [code]...[/code] như wordpress hay bo-blog. Do đó hôm nay mình sẽ hướng dẫn bạn một cách rất đơn giản mà cũng rất khoa học.

Đầu tiên, bạn cần tải SyntaxHighlighter. Sau đó giải nén upload tất cả các file lên bất kì host nào có thể link được từ blogger
Thêm đoạn code này vào sau dòng <!-- end outer-wrapper -->


<link href="http://YOUR HOST URL/SyntaxHighlighter.css" rel="stylesheet" type="text/css">
<script language="javascript" src="http://YOUR HOST URL/shCore.js">
Add ngôn ngữ bạn cần thêm tại đây
<script language="'javascript'">
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>

Và bây giờ bạn sẽ add ngôn ngữ mà bạn muốn sử dụng sau dòng the shCore.js

<script language="javascript" src="http://YOUR HOST URL/shBrushPython.js"></script> 

Bạn có thể xem thử kết quả này tại đây
Các bạn có thể dùng sẵn đoạn code của mình dưới đây


<!-- Them code hien thi -->
<link href='http://anbinhtrong.110mb.com/syntax_high_lighter/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shCore.js'/>
<!-- them ngon ngu -->
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushCSharp.js'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushCpp.js'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushCss.js'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushDelphi.js'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushJava.js'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushJScript.js'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushPhp.js'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushPython.js'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushRuby.js'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushSql.js'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushVb.js'/>
<script language='javascript' src='http://anbinhtrong.110mb.com/syntax_high_lighter/shBrushXml.js'/>
<!-- them ngon ngu -->
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>
<!-- end code hien thi -->

Để thêm đoạn code vào bài viết viết bạn sử dụng thẻ
<pre name="code" class="python">
Lưu ý: Bạn nên thay dấu < thành <> thành > trước khi đặt giữa 2 thẻ. Nếu bạn xem dưới dạng html thì nó có dạng & và #38 và gt; hoặc lt;
Các ngôn ngữ hỗ trợ:

Language Aliases
C++ cpp, c, c++
C# c#, c-sharp, csharp
CSS css
Delphi delphi, pascal
Java java
Java Script js, jscript, javascript
PHP php
Python py, python
Ruby rb, ruby, rails, ror
Sql sql
VB vb, vb.net
XML/HTML xml, html, xhtml, xslt

Không có nhận xét nào:

Đăng nhận xét

Bài đăng phổ biến