[Blogspot] Chèn Code trong nội dung bài viết

Có nhiều cách để chèn "code" vào bài viết cho blogger, sau đây là một trong những phương án khá đơn giản đề thực hiện. Bạn vẫn đăng bài như bình thường, đến đoạn nào Bạn muốn chèn khung chứa code vào thì Bạn bấm Enter để xuống dòng, sau đó chọn vào thẻ "Chỉnh sửa HTML" trên góc phải của phần đăng bài để chuyển qua mã HTML.

Sau đó bạn dán tất cả các code dưới đây vào:

<div style="border-right: gray 1px solid; padding-right: 4px; padding-left: 4px; font-size: 8pt; border-top: gray 1px solid; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, &#39;Courier New&#39;, courier, monospace; background-color: #f4f4f4">
  <pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">Code của Bạn</pre>
</div>

Giao diện sẽ được như thế này :

Code của Bạn

Đề nhập "Code", Bạn chọn vào thẻ "Viết"" bên cạnh "Chỉnh sửa HTML" để quay lại bài viết như bình thường, bây giờ Bạn sẽ thấy 1 ô nhỏ có chữ "Code của bạn" trong một khung nhỏ, đến đây Bạn có thể gõ các code mình muốn hiển thị vào ô nhỏ này là xong.
Chúc các bạn thành công.

(ST)