Syntax highlight cho blogspot - Code highlight cho blogspot

Wednesday, December 31, 2014
Bạn đã sử dụng nhiều mã nguồn: Xenforo, VBB và một số khác thì chúng ta luôn có một thẻ Code để chèn highlight code vào đó.
Nhưng với blogspot thì không vậy, Vậy hôm nay chúng ta sẽ thực hiện Highlight code cho blogspot.

Demo highlight code cho blogspot

Syntax highlight cho blogspot - Code highlight cho blogspot

Chèn code highlight vào blogspot

Các bạn sẽ cần một số thư viện cần thiết để chèn Syntax highlight này hãy copy các script sau đây và chèn nó trước thẻ </head> của blogspot bạn nhé.

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'/>      
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'/>   
<link href='https://dl-web.dropbox.com/get/css/highlighter.css?w=78218c42' rel='stylesheet' type='text/css'/>
<link href='http://tintucnew24h.googlecode.com/svn/trunk/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
Ok tiếp thep các bạn chèn đoạn javascript này vào bên trên thẻ </body> của blog mình nhé. 
  <script language='javascript'>    
    dp.SyntaxHighlighter.BloggerMode();    
    dp.SyntaxHighlighter.HighlightAll(&#39;code&#39;);    
</script>

Cách sử dụng Syntax highlight

Khi bạn viết bài hãy chọn qua tab HTML và thêm đoạn HTML sau.
<pre class="php" name="code">

 Khối mã lệnh của bạn

</pre>
OK vậy là Đôn Bá Đạo đã chia sẽ code Syntax cho các bạn , Hãy cùng xem nhiều Thủ thuật blogspot tại Đôn Bá Đạo nhé.
Nguồn: Đôn Bá Đạo - Sưu tầm