Tạo khung chứa code đơn giản cho blogger

Để góp phần cho BLog trở nên chuyên nghiệp thì việc trình bày một bài viết cũng rất quan trọng.! Hôm nay quangcuongit.tk xin giới thiệu cho ác bạn cách để chứa 1 đoạn code trong hộp đơn giản mà hiệu quả.! 

Bắt đầu làm thôi !! 
BƯỚC 1:
 Vào BLogger -> Mẫu (Template) -> Chỉnh sửa Html (Edit)-> Ctrl + F -> Tìm đến đoạn code sau ]]></b:skin>

Tiếp đến bạn copy đoạn vào trước thẻ đóng ]]></b:skin>

  /* Codebox by quangcuongit.tk */ pre,code{margin:15px;padding:10px;background:#333;color:#eee;border:4px solid #48d;font:13px monospace;overflow:auto;display:block;max-height:300px}

Muốn hiện hộp trong bài thì bạn vào phần: Bài đăng -> chọn HTML và copy đoạn code sau: 
<pre>Code </pre>
<code>Code </code>

Đấy là 2 cách để hiện thị hộp ! bạn thay phần Code kia thành phần COde của bạn.!
Lưu ý: COde đã được mã hóa

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

Comments