Thủ thuật Blog: Chèn code vào bài viết hoặc comment

Đăng bởi: CTG blog

Thứ Ba, tháng 4 12, 2011

[30]
Thủ thuật: Chèn code vào bài viết hoặc comment
Nguồn: Tiến Nguyễn

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
2. Chọn: Mẫu >Chỉnh sữa HTML

3. 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 code vào notepad

> Nhấn tổ hợp 2 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 2 phím Ctr+H
> Dòng đầu tiên gõ: > | Dòng thứ 2 gõ: >
> Replace All.