Thủ thuật Chèn code vào bài viết hoặc comment
Đăng lúc 12/09/2011 09:54:00 AM
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 &lt;
Thay > thành &gt;

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õ: &lt;
> 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õ: &gt;
> Replace All.


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

- Truy cập trang: blogcrowds.com 

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

Theo:http://kenhdaihoc.com/forum/forumdisplay.php?f=251

LIÊN QUAN
BÌNH LUẬN