Hướng dẫn tạo khung chứa Code đẹp cho Blogspot

Bước 1: Đăng nhập => Mẫu => Chỉnh sửa Template

Bước 2: Tìm thẻ ]]</b:skin> chèn code dưới đây trước nó

   pre, code {

    overflow:auto;

    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRxWnxqjA2kmP9RgH9x8Rm-jrOV9nY5_ONiQxfZl9Drd9ygGZrFNB0POCW6PyNZohoBCujxf8rteF2T9GDfTpK1qHCHPvw8woVFbsDiHU5frbPr1g0eGRmdNen6wyskrC8ooDMVU7TsyM/s1600/Note-namkna-blogspot-com.png);

    background-color:#FFF77A;

    background-repeat:no-repeat;

    padding-top:50px;

    padding-left:5px;

    padding-right:5px;

    padding-bottom:5px;

    border:#FF9900 thin dashed;

    color:#000;}

Lưu lại vào bài viết khi viết bài chuyển tab HTML và chèn code

    <pre>

            Code mà bạn muốn hiển thị

    </pre>

Như vậy là đã hướng dẫn xong mọi người cách tạo 1 khung chứa code đẹp cho blogspot rồi. Chúc thành công.