Hướng dẫn chèn code vao bài viết blogspot

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, 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;
}
 

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 đoạn code đã mã hóa </pre>

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

( Những đoạn Code ngắn không cần phải cho trong khung  <pre>Nội dung đoạn code đã mã hóa </pre> mà chỉ mã hóa là xong, vì cho đoạn code đã mã hóa vào khung trên mục đích là đóng khung đoạn code cho đẹp)

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.

2. Dùng web mã hóa:

- Truy cập trang: blogcrowds.com 

Hoặc http://centricle.com/tools/html-entities/

Hoặc http://www.eblogtemplates.com/blogger-ad-code-converter/

- Paste code cần mã hóa vào đây > Nhấn Parse &gt hoặc encode ; Lấy code mã hóa ở ô trên.

Nguồn:  http://toan-thpt.blogspot.com.