Xuandoanh.com - Bạn viết Blog thường có kèm theo code HTML để giới thiệu. Bạn muốn bài đăng của mình được đẹp hơn trong mắt người đọc.Bài này mình sẽ giới thiệu cho các bạn các mẫu code (Khung chèn code) đẹp cho blogspot.

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.   

Vậy thì hôm nay tôi xin hướng các bạn cách làm đó. Hãy làm theo các bước sau:
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 5px 15px 15px; padding : 10px; clear : both; list-style-type : none; background : #fbfbd5 url(http://buixuandoanh.com.vn/images/viewcode.png) no-repeat right bottom; border-top : 1px solid #fb8e19; border-right : 2px solid #f87217; border-bottom : 2px solid #ff0000; border-left : 1px solid #fbb917; } .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; }

Vậy là bạn đã chỉnh sửa HTML thành công rồi ! 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>

Các bạn tải hình này về và upload lên blog sau đó thay vào link của bạn nha. có thể thay bằng hình khác.
                                                                  Chúc thành công!