Thêm highlight.js vào Blogger

Trong bài viết này, mình sẽ hướng dẫn các bạn cách hiển thị code lập trình trong Blogger. Mình sẽ sử dụng highlight.js tại website https://highlightjs.org
Đầu tiên bạn đăng nhập vào blogger, vào Theme

Chọn Edit HTML

Bạn thêm đoạn code này vào cuối template HTML:

<!--highlight.js-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/vs.min.css' rel='stylesheet'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js'/>
    <script type='text/javascript'>
$(document).ready(function() {
  $('pre code').each(function(i, block) {
    hljs.highlightBlock(block);
  });
});
</script>
<!--end highlight.js-->

Trong đó:
https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/vs.min.css là đường dẫn tới file templae Visual Studio.
Bạn có thể thay đổi template tại đia chỉ sau: https://cdnjs.com/libraries/highlight.js

Trong bài viết, bạn dùng cú pháp sau để high light code lập trình:

<pre><code class="html">...</code></pre>

Trong đó "html" là tên ngôn ngữ được hiển thị trong thẻ <pre>

Xem demo: https://highlightjs.org/static/demo/

Chúc các bạn thành công!