Đầu tiên, các bạn hãy vào Trình bày (Layout) và chọn tab Chỉnh sửa HTML mà không cần bật Mở rộng mẫu tiện ích. Sau đó, hãy thêm đoạn code dưới đây ngay trên thẻ ]]></b:skin>
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWIMwSAwWWWgjL7o_udgm9h7HcoulEsqxBxi0MyF8PL6spMBXixCUBIgGAQ4jR-rQd71B5xkENYMOJYBgp_1cTXn8GK1skE4DsEJqa5sLf3eRDqm26jStj1WImIlOdPDUTnTgFPJV6AkVa/s1600/site4it_framecodeview.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.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;
}
Ghi chú: Bạn có thể thay đổi phần chữ màu đỏ theo ý thích.margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWIMwSAwWWWgjL7o_udgm9h7HcoulEsqxBxi0MyF8PL6spMBXixCUBIgGAQ4jR-rQd71B5xkENYMOJYBgp_1cTXn8GK1skE4DsEJqa5sLf3eRDqm26jStj1WImIlOdPDUTnTgFPJV6AkVa/s1600/site4it_framecodeview.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.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à các bạn đã tạo xong thuộc tính đặt code trong một khung độc đáo rồi đấy.
Từ giờ, bạn có thể thêm code vào bất cứ đâu(nhớ chuyển qua chế độ soạn thảo html nhé ^^!) trên bài viết với thẻ sau:
<div class="codeview">
Điền nội dung code vào đây
</div>
Điền nội dung code vào đây
</div>
0 nhận xét:
|» Đăng hình ảnh | code chèn sẽ là [img] Link ảnh [/img]
|» Đăng nhạc của tui | code sẽ là [nct] Link bài hát [/nct]
|» Đăng Video Youtube | code sẽ là [youtube] Link Video Youtube [/youtube]
|» <b> Chữ in đậm <\/b>
|» <i> Chữ in nghiêng <\/i>