2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)
3. Đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)
4. Tìm dòng ]]></b:skin> và Thêm vào trước nó đoạn code sau:
/*Chèn code vào bài viết*/
pre {
color:#343434;
font-family: Tahoma;
font-size:12px;
max-height:300px; /*Chiều cao tối đa của khung, nếu không giới hạn thì bỏ dòng này*/
line-height:17px;
background: #FFF2C4; /*Màu nền khung chứa code*/
display: block;
padding: 4px 4px 1px 1px;
border: 1px #A0C4EA dashed; /*Viền khung*/
overflow:auto;
word-wrap:break-word;
}
5. Save template. (Lưu mẫu)pre {
color:#343434;
font-family: Tahoma;
font-size:12px;
max-height:300px; /*Chiều cao tối đa của khung, nếu không giới hạn thì bỏ dòng này*/
line-height:17px;
background: #FFF2C4; /*Màu nền khung chứa code*/
display: block;
padding: 4px 4px 1px 1px;
border: 1px #A0C4EA dashed; /*Viền khung*/
overflow:auto;
word-wrap:break-word;
}
6. Sử dụng trong bài viết
<pre>Nội dung đoạn code đã mã hóa </pre>
Bonus: Đây là web để bạn mã hóa code
+ blogcrowds.com
+ http://centricle.com/tools/html-entities/
+ http://www.eblogtemplates.com/blogger-ad-code-converter/
Hoặc bạn tự tạo cho mình một trang tiện dụng trên blog của mình theo hướng dẫn ở bài viết:
Tạo khung Convert code/ Mã hóa code
