Login

Hướng dẫn tạo khung view code cho blogspot đẹp và chuyên nghiệp

Demo:


Hưỡng dẫn:
Bước 1: chèn đoạn code sau vào trước ]]></b:skin>

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/AVvXsEisKy9ROLAClxIJRSXthdn7Nf8X7FiATEXThftL2kMk6sVUGYTaJs124O4wYzQ8hiz4HFh93oJ8Q1t1LnKP8CKfTdWiwr-776MEVTx3v_kbXnDY8P63FDJReTDGBHpPGCmQw4N8-ZZ837U/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;
}
Bước 2: Khi đăng bài thì các bạn chuyển sang chế độ HTML và chèn code giống bên dưới là được
<code>

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

</code>

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

 
blogcongnghe © 2012 | Thiết kế bởi Tâm Nguyên