Tạo khung chứa code cho blogspot

Để thêm khung chứa code vào trong nội dung văn bản thì làm như sau:

Đăng nhập vào Blogger, trong bảng điều khiển Dashboard tìm đến phầnMẫu( Template), vào Chỉnh sửa HTML. Trong bảng HTML, kích chuột vào bất cứ điểm nào bên trong bảng, nhấn tổ hợp phím Ctrl+F và tìm đến đoạn mã ]]></b:skin>. Dán đoạn code CSS bên dưới vào phía trên thẻ ]]></b:skin>.

* Code để dán vào

/*Mẫu khung chứa code đẹp*/
pre.code {
display: block;
font: 1em 'Courier New', Fixed, monospace;
font-size: 100%;
color: #7DB9EF;
background: #A349A3;
overflow: auto;
text-align: left;
border: 1px solid #EFE3AF; 
padding: 0px 20px 0 30px;
margin: 1em 0 1em 0;
line-height: 18px;
max-height:450px}

Sau đó hãy trang trí màu khung, màu đường viền khung, màu chữ code trong khung theo sở thích của mỗi người. Dưới đây là một số màu có thể lựa chọn

• Background: #A349A3             Nền của khung chứa code màu hồng nhạt
• Color: #7DB9EF                      Màu chữ code trong khung là xanh da trời
• Border: 1px solid #EFE3AF;    Màu đường viền khung là màu vàng gạch

Cách thao tác dán code khi viết bài

Khi viết bài chia sẽ code cho người dùng, đến phần dán code như hình phía trên, bạn chuyển từ thẻ Viết sang thẻ HTML và thêm đoạn mã lệnh phía dưới vào trong phần HTML. Mã lệnh dán code như sau:

<pre class="code">
Dán code vào giữa mã lệnh này
</pre>