Tạo khung chèn code vào bài viết trong blogspot

 

Site4iT - Hôm nay mình xin hướng dẫn lại 1 thủ thuật hay cho blogspot đó là "Tạo khung chèn code vào bài viết trong blogspot", không dài dòng vào đề luôn ha :D

1. Đăng nhập vào tài khoản blogger của bạn, dĩ nhiên rồi ^^!
2. Vào Bảng điều khiển -> Thiết kế -> chỉnh sửa HTML
3. Trước tiên cần sao lưu mẫu hiện tại của bạn :)
4. Click vào ô Mở rộng Mẫu Tiện ích bên góc phải
5. Trong cửa sổ mã, nhấn Ctrl +F, tìm từ khóa

6. Chèn đoạn mã dưới đây lên trên dòng mã vừa tìm được:
Code:

pre, code{
  color: $textcolor;
  background: $bgcolor;
  border: 2px solid $bordercolor;
  overflow: auto;
  font: $headerfont;
  padding: 10px;
}
 
Ta có 2 cách dùng như sau: 

Và đây là demo:

Chúc bạn thành công!