Tạo Code Box đẹp cho website - blog

Bài viết này mình sẽ hướng dẫn các bạn thủ thuật tạo khung chứa code cho website/blog với một style do chính mình code. Các bạn có thể xem LIVE DEMO.

1. Cài đặt:

- Để tạo được khung chứa code như vậy, các bạn vào Mẫu > Chỉnh sửa HTML, chèn đoạn code sau vào trước thẻ ]]></b:skin>:

/* Codebox by kjmagic.blogspot.com */
pre,code{margin:15px;padding:10px;background:#333;color:#eee;border:4px solid #48d;font:13px monospace;overflow:auto;display:block;max-height:300px}

2. Sử dụng:

- Để hiển thị codebox, khi soạn bài đăng các bạn chuyển sang chế độ soạn HTML và chèn vào đoạn code sau:

<pre>Code đã được mã hóa</pre>

hoặc

<code>Code đã được mã hóa</code>

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

Bản quyền bài viết - Tác giả: KJ Magic - Kelvin Trinh