Tạo khung chứa code cho Blogspot

Hello các bạn, nếu các bạn đọc đến bài viết này thì chắc đã xem qua 1 số bài viết cũ của mình rồi đúng không nào ? đó chính là có bộ khung chứa code khá là bắt mắt đúng không 😀. Nó có chứa background đầy màu sắc để hiện thị và phân biệt rõ ràng hơn, phân chia nhiều từ khóa, đặc biệt nhìn nó rất chuyên nghiệp 👀

Để tạo được nó thì rất đơn giản thôi, chỉ cần dùng đoạn code dưới đây là các bạn có thể làm được rồi!!

Cách làm:

Vào Blogger, rồi phần chủ đề và tìm thẻ </head>

<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css' rel='stylesheet'/>

<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js'/>

<script type='text/javascript'>

//<![CDATA[

$(document).ready(function() {

  $('pre').each(function(i, block) {

    hljs.highlightBlock(block);

  });

});

//]]>

</script>

Mỗi lần viết bài cần chèn code các bạn cần chèn vào 2 thẻ <pre>

<pre class='css'>
<!-- chèn code vào đây -->
</pre>

Các bạn nhớ mã hóa code rồi chèn vào nhé, có thể mã hóa ở trang của mình cũng được: Mã Hóa Code

Thêm đánh giá

Bài đăng mới hơn Bài đăng cũ hơn