Khung chứa Code đẹp cho Blogspot

1. Đăng nhập blog

2. Vào Mẫu (Template)
3. Vào chỉnh sửa HTML (edit HMTL). Tìm 1 trong các đoạn code tương tự. (Mẹo: Bấm Ctrl + F để tìm với từ khóa pre hoặc code hoặc pre,code)


pre {....}
code {....}
pre, code {....}

- Nếu có thì bạn thay toàn bộ code css đó  bằng một trong các code bên dưới. 
- Nếu tìm không có thì bạn chèn thẳng 1 trong các bên dưới sau vào trước thẻ đóng ]]></b:skin>. Chèn xong bạn Save lại.
- Muốn sử dụng thì trong bài viết bạn check vào ô HTML của bài viết và sử dụng code sau :

<pre> ....
Code của bạn
......</pre>
pre, code {
display:block; font: 1em 'Courier New', Fixed, monospace; font-size : 100%; color: #666666;
background : #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqamJVPaaXwy0rNdmrM8STeqJhkOHVSXY80N-eJmyGS2R-FssM6ZA0mZhfra8yBIXujy4yR9WnobfWLPHrqJvfAB-7VsL_PPeU1aJxAby7xOKawgpBqTrCKE_qAmnjIiKOKsE3mv9FUPk/s1600/prepb3-khung-chua-code-namkna-blogspot-com.png) repeat;
overflow : auto; text-align:left;
border : 1px solid #99cc66;
padding : 0px 20px 0 30px; margin:1em 0 1em 0; line-height:17px;}
Link bài viết từ http://namkna.blogspot.com/2011/08/tong-hop-khung-chua-code-dep-cho.html#.UjvsnT-AjEM