Tạo khung chứa code tuyệt đẹp cho Blogspot

Khi bạn là một Blogger thì đương nhiên bạn sẽ có những kiến thức, những đoạn code muốn chia sẻ với mọi người. Điều bạn quan tâm tiếp theo khi chia sẻ code của bạn chính là khung code.

Một khung code đẹp giúp blog/web của bạn thêm chuyên nghiệp và đem lại thiện cảm, cảm giác dễ nhìn hơn, dễ nhận diện code hơn. 

Để giúp bạn có một khung chứa code tuyệt đẹp cho Blogspot, bạn hãy thực hiện như sau:

Cài đặt Template:
- Vào Blog ⇒ Chủ đề ⇒ Chỉnh sửa HTML.
- Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </head>.
- Sau đó dán đoạn mã Code sau ở phía trên thẻ </head>.
- Lưu lại chủ đề.

<link href='https://dl.dropboxusercontent.com/s/8krm4pw64nfr3uh/009001-atom-one-dark.min.css' rel='stylesheet'/>
<script src='https://dl.dropboxusercontent.com/s/k6a4ol7kzteoue9/009001-highlight.min.js'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
  $('pre').each(function(i, block) {
    hljs.highlightBlock(block);
  });
});
//]]>
</script>

Bạn chỉ cẩn đặt code vào giữa thẻ <pre> và dán vào phần HTLM của bài viết của bạn.

<pre>CODE</pre>

<pre class='css'>
<!-- nếu code là CSS -->
</pre>

<pre class='javascript'>
<!-- nếu code là javascript -->
</pre>

<pre class='xml'>
<!-- nếu code là các thẻ HTML -->
</pre>