Highlighter code cho blogspot - Đôn Bá Đạo

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 Highlighter code cho blogspot.

Demo highlight code 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 highlighter

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 -Syntax highlight cho blogspot - Code highlighter cho blogspot 

LIKE and Share this article: :