Thêm css hiển thị code cho blogspot

Demo:

Hello Word!

B1: Đăng nhập vào tài khoản blogspot chọn blog cần thêm css
B2: Từ giao diện chính chọn Theme > Customize > Advanced > Add CSS
B3: Chọn 1 trong 2 phần code dưới copy bỏ vào trong phần Add CSS
Code có thanh lăn (scroll bar)

.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }

Code không có thanh lăn

.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; min-height: 16px; overflow: auto; padding: 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }

Sau đó nhấn vào Apply to blog để lưu lại.
B4: Khi viết bài chuyển sang viết dưới dạng HTML rồi viết code dưới dạng sau

<div class="code>
Hello World!
</div>

Nguồn: http://learnopenerp.blogspot.com/2017/11/how-to-insert-code-block-or-syntax-in.html