Chèn code vào bài viết hoặc comment

Giới thiệu: Thủ thuật hỗ trợ chèn code vào bài viết trên blog và chèn code vào comment. Ngoài ra bạn còn có thể trang trí cho khung chứa code của blog mình theo ý thích, sao cho phù hợp với blog nhất.

CÁCH THỰC HIỆN
1. Đăng nhập Blogger Dashboard (Bảng điều khiển)
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)
4. Chèn script
Bước 1: Tìm dòng ]]></b:skin>
- 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. Không giới hạn thì bỏ dòng này đi*/
    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;
}

Bước 2: Save template. (Lưu mẫu)

Bước 3: Sử dụng code cho bài viết.

<pre>NỘI DUNG CODE MÃ HÓA</pre>

Nhớ là phải mã hóa code trước rồi mới dùng được nhé!

Cách mã hóa code:

1. Thủ công:

Thay < thành <

Thay > thành >

Mẹo thay nhanh: Paste vào notepad

> Nhấn tổ hợp phím Ctr+H

> Dòng đầu tiên gõ: < | Dòng thứ 2 gõ: <

> Replace All.

>Tiếp tục Nhấn tổ hợp phím Ctr+H

> Dòng đầu tiên gõ: > | Dòng thứ 2 gõ: >

> Replace All.