Tạo khung chứa code cho bài đăng

Đa phần các tiện ích dùng cho Blog đều sử dụng các mã code đặc thù riêng của nó, các mã code này đa số đều phức tạp và dài dòng, do đó nếu bạn thường xuyên chia sẻ các mã code này trên blog thì bạn nên gom nó vào khung chứa code riêng cách biệt với chữ viết trong bài đăng để cho thao tác copy của khách tham quan được thuận tiện hơn và ít nhầm lẫn hơn.

Bạn vẫn đăng bài như bình thường, đến đoạn nào bạn muốn chèn khung chứa code vào thì bạn bấm Enter để xuống dòng, sau đó bấm vào thẻ "chỉnh sửa HTML" trên góc phải của trang đăng bài để chuyển qua mã HTML.

Sau đó bạn dán tất cả các code này vào phía dưới:

<div style="background-color: #f4f4f4; border-bottom: gray 1px solid; border-left: gray 1px solid; border-right: gray 1px solid; border-top: gray 1px solid; cursor: text; font-family: consolas, &quot;Courier New&quot;, courier, monospace; height: 26px; line-height: 12pt; margin: 20px 0px 10px; max-height: 200px; overflow: auto; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; width: 80.22%;">
<div class="MsoNormal" style="background: rgb(244,244,244); line-height: 12pt;">
<span style="color: black; font-family: &quot;Courier New&quot;; font-size: x-small;"><span style="font-size: x-small;">nội dung code</span></span></div>
</div>

Chúc thành công!