Hướng dẩn tạo khung chứa code đơn giản cho blogspot

Bạn là 1 blogger chuyên chia sẽ về thủ thuật blog và muốn chia sẽ code được đặt trong khung để nó được rỏ ràng, mạch lạc hơn...đọc giả cũng dể dàng copy code hơn.Hôm nay PhucThanhIT chia sẻ cho các bạn cách tạo khung chứa code đơn giản cho blog mình nhé :)

B1: bạn vào thêm đoạn code dưới dưới đây vào trước thẻ ]]></b:skin>

/*khung chua code*/
pre.code {
display: block;
font: 1em 'Courier New', Fixed, monospace;
font-size: 100%;
color: #666666;
background: #fff ;
overflow: auto;
text-align: left;
border: 1px solid #99cc66; 
padding: 0px 20px 0 30px;
margin: 1em 0 1em 0;
line-height: 17px;
max-height:300px}

B2: Sử dụng trong khi viết bài

khi viết bài bạn chọn chế độ HTML và dán code này vào

<pre class="code">
Đặt code vào đây
</pre>