Tạo khung chứa code cho bài viết cách

Bài viết này sẽ hướng dẫn các bạn một cách khá đơn giản nhưng cũng rất chuyên nghiệp để đặt đoạn code mình cần trích dẫn vào bài đăng trên blog. Với cách làm này đoạn mã hiển thị sẽ trông dễ nhìn hơn và người đọc dễ sao chép khi muốn sử dụng.
B1: Login vào bảng điều khiển -> Thiết kế -> Sửa HTML.
B2: Nhấn CTRL + F để tìm dòng sau: ]]></b:skin> ,sau đó hãy thêm đoạn code dưới ngay trên dòng vừa tìm được.

.codeview {
 margin : 15px 35px 15px 15px;
 padding : 10px;
 clear : both;
 list-style-type : none;
 background : #f9f9f9 url(http://i888.photobucket.com/albums/ac87/luanbony/khothuthuat-3.jpg) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
 }
 .codeview li {
 font-size : 13px;
 line-height : 24px;
 font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
 color : #333333;
 font-weight : normal;
 margin : 0;
 padding : 0;
 } 

 Bây giờ khi viết bài đăng, hãy dùng code sau chèn vào bài viết và dán code cần hiển thị vào giữa.

 

 

<div class="codeview">
Đặt code vào tại đây
</div>