Tạo hiệu ứng highlight làm đẹp code cho blogspot, website

Hôm nay Jakub BB sẽ hướng dẫn các bạn tạo hiệu ứng highlight để làm đẹp code js, html, css,... khi viết bài cho blogspot, website. Hiệu ứng này sẽ tự động tô màu cho code trong bài viết giúp chúng ta dễ nhìn code vào phân biệt ngay được các thẻ, các hàm trong code.

Bước 1: Vào Template > Mẫu > Chỉnh sửa HTML

Bước 2: Tìm kiếm thẻ sau (Ctrl + F):

</head>

Và chèn code sau vào trước thẻ </head>

Bước 3: Khi post bài các bạn chuyển sang tab HTML và post có dạng sau:

<pre class="brush: js; highlight: [1]">Code của bạn</pre>

Trong đó:
js là code javascript
Code html thì bạn post:

<pre class="brush: html;">Code của bạn</pre>

Code css thì bạn post:

<pre class="brush: css;">Code của bạn</pre>

highlight: [1] là tô màu cho dòng số một. Nếu bạn muốn dòng số 10 được tô đậm thì chèn thêm highlight: [10] vào trong thẻ class.

Trên đó mình chỉ thêm 3 ngôn ngữ HTML, CSS, JS. Nếu các bạn cần highlight của ngôn ngữ nào nữa thì comment để mình update link js ngôn ngữ đó lên bài viết nhé.

À đây là SyntaxHighlighter @version 3.0.83 mới nhất đó. ^^!

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

Jakub BB