Khung chứa code đẹp cho blogspot hay nhất

Lang thang trên internet tìm mấy cái thủ thuật blogspot thấy một bộ code khá hay về khung chứa code cho blogspot luông, :) cũng về thử tạo khung chứa code và thấy hay hay muốn chia sẻ cùng mọi người. Chia sẻ cách tạo khung chứa code cho blogspot bạn sẽ không phải thất vọng về nó đâu nha! :)

cách tạo khung chứa code cho blogspot
cách tạo khung chứa code cho blogspot


Hướng Dẫn Tạo Khung Chứa Code Đẹp Cho Blogspot
Bước 1: Đăng nhập => Mẫu => Chỉnh sửa Template
Bước 2: Tìm thẻ ]]</b:skin> chèn code dưới đây trước nó
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/AVvXsEgphgkjD-5-LepD-e0VNH1TzHECgR0-riBFuRzpYr5q2IMB9Ehewbe2EixaskIK0vzvVQRLVSLFpCp3VXRTHoA0iQ32H3NZ9mFQ-AJnSqsZfwsngnQHTZBHY9DiAwoNPyA9vspipLlX99I/s1600/viewcode.jpg)
 no-repeat left top;
  overflow : auto;
  text-align:left;
  border : 1px solid #99cc66;
  padding : 0px 20px 0 30px;
  margin:1em 0 1em 0;
  line-height:17px;
}
Lưu lại vào bài viết khi viết bài chuyển tab HTML và chèn code

<code>

Code mà bạn muốn hiển thị

</code>

Như vậy là đã hướng dẫn xong mọi người cách tạo 1 khung chứa code đẹp cho blogspot rồi. Chúc thành công.
Đi lên