Hướng dẫn tạo khung chứa code theo ý của mình
Bước 1: Đăng nhập vào blogger => Mẫu => Chỉnh sửa template
Bước 2: Ấn Ctrl + F tìm "pre" thay toàn bộ những gì cài đặt và xóa hết chúng đi
Bước 3: Tìm tới ]]></b:skin> và patse code lên phía trên nó
pre{
overflow:auto;
max-height:345px;
border: 2px dashed #02ab68;
border-radius:4px;
display:block;
padding:9.5px;
margin:0 0 10px;
font-size:13px;
line-height:1.42857143;
word-break:break-all;
word-wrap:break-word;
color:#333;
background-color:#f5f5f5;
}
pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}
Bước 4: Lưu lại, quay ra bài viết ấn vào tab HTML, bạn sẽ viết như thế này
<pre> Code bỏ vào đây </pre>
Hướng dẫn tạo khung chứa code theo ý của mình
Tùy chỉnh:- max-height:345px; là chiều cao lớn nhất khi nội dung bên trong dài thì cũng không vượt qua 345px
- border: 2px dashed #02ab68; 2px là chiều rộng đường viền; dashed là kiểu đường viền (bạn cũng có thể thay bằng solid hoặc dottd) #02ab68 là mã màu hexa cac bạn có thể thay đổi;
- border-radius: 4px; là độ cong của 4 góc, bạn nếu muốn cong hơn thì thay đổi lên 10, 20 gì đó
- padding: 9.5px; là khoảng cách từ viền tới chữ, các bạn có thể thay đổi số lớn hoặc nhỏ hơn
- color; đây là màu chữ của khung
- background-color; màu nền của khung chứa code, các bạn tìm mã hexa phù hợp nhé
