Cách chèn khung chứa code vào bài viết Blogspot, khung chứa code đơn giản không có thanh cuốn

Chèn khung chứa code vào Blogspot là việc làm khó khăn cho những người mới làm Blogger.
Sau đây mình sẽ hướng dẫn chi tiết cách chèn khung code:

Bước 1: Đăng nhập Blogger => Themes => Chọn edit HTML
Bước 2: Tìm kiếm từ khóa ]]></b:skin>
Bước 3: Dán đoạn code CSS sau ngay phía trên thẻ ]]></b:skin>

pre, code {font-family:"Courier New",monospace;
font-size:16px;
display:block;
margin:10px 0 15px;
border:4px dotted #C9C9C9;
background:#E9E9E9  top right no-repeat;padding:10px;overflow:auto;
}

Bước 4: Giờ bạn có thể quay lại soạn bài đăng vào chế độ HTML. Để thêm 1 khung chứa code bạn chỉ cần làm làm như sau:

 <pre> chèn code vào đây </pre> 

LƯU Ý: code chèn vào nếu chứa các ký tự đặc biệt là mã html thì cần được encode trước khi đưa vào. Để mã hóa các bạn truy cập link  https://mothereff.in/html-entities

Copy dán vào giữa 2 thẻ thế là xong. 

Bài viết liên quan:

• Tweet
• Share
• Share
• Share
• Share