Đa phần các tiện ích dùng cho Blog đều sử dụng các mã code đặc thù riêng của nó, các mã code này đa số đều phức tạp và dài dòng, do đó nếu bạn thường xuyên chia sẻ các mã code này trên blog thì bạn nên gom nó vào khung chứa code riêng cách biệt với chữ viết trong bài đăng để cho thao tác copy của khách tham quan được thuận tiện hơn và ít nhầm lẫn hơn.Bạn vẫn đăng bài như bình thường, đến đoạn nào bạn muốn chèn khung chứa code vào thì bạn bấm Enter để xuống dòng, sau đó bấm vào thẻ "chỉnh sửa HTML" trên góc phải của trang đăng bài để chuyển qua mã HTML.
Sau đó bạn dán tất cả các code này vào phía dưới chữ </div>
<div style="border-right: gray 1px solid; padding-right: 4px; padding-left: 4px; font-size: 8pt; border-top: gray 1px solid; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, 'Courier New', courier, monospace; background-color: #f4f4f4">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">nội dung bạn muốn nhập</pre>
</div>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">nội dung bạn muốn nhập</pre>
</div>
Sau khi dán tất cả các code trên vào phía dưới chữ </div>, bạn bấm lại vào thẻ "Viết" trên góc phải của trang đăng bài để quay lại bài viết như bình thường, bây giờ bạn sẽ thấy 1 ô nhỏ có chữ "nội dung bạn muốn nhập" trong một khung nhỏ, đến đây bạn có thể gõ các code mình muốn hiển thị vào ô nhỏ này là xong.
Chúc các bạn thành công.
Các bạn có thể xem thêm KHUNG CHỨA CODE MÀU XANH 
Bài viết rất hay! Bạn vào trang này thử tiện ích của mình nha: http://www.backlink.docchieu.tk/
Trả lờiXóaThank bạn nhiều nha. Mình làm được rồi.
Trả lờiXóaMình muốn đặt một đoạn code bên góc trái giống cái bản " ai nói. Tổng giám đốc...." của bạn thì làm như thế nào?
Bnj biết thì pm mình tại đây nha, nó sẽ gửi trả lời cho mình tại mail
Replly Hoc lam giau Bạn có thể nói rõ giống phần nào trong Blog của mình để mình giải thích cho:D
Trả lờiXóahay lam. cam on ban!
Trả lờiXóaMình đã giải quyết được vấn đề đó rồi. Nhưng lại gặp phải vấn để khác.
Trả lờiXóaBạn đã có share 1 code tạo khung màu xanh mình nhận được rồi. Mà mình muốn có đoạn code chứa đoạn code đó ( tức là cái khung mà bạn đang dùng để share đonạ code đó ). Bạn có thể share cho mình được không ?
thuyoanhhhcmg@gmail.com.
Thanks bạn nhiều !!
Amin Replly hoclamgiau: Mình đã Share Code mà bạn yêu cầu ngay phía dưới bài đó http://namkna.blogspot.com/2011/05/khung-chua-code-mau-xanh.html bạn vào đó mà Copy nha. Code đó bạn Pate vào HTML sau đó bấm vào ô Viết và Pate nội dung vào đó:
Trả lờiXóa<div style="background-color: #f4f4f4; border: 1px solid gray; cursor: text; font-family: consolas,'Courier New',courier,monospace; font-size: 8pt; line-height: 12pt; margin: 20px 0px 10px; max-height: 200px; overflow: auto; padding: 4px; width: 97.5%;">
<div style="border: 1pt solid black; padding: 0in;">
<div class="MsoNormal" style="border: medium none; padding: 0in;">
<span style="font-family: "Courier New"; font-size: 10pt;">Nội dung Code</span></div>
</div>
</div>
Tốt nhất bạn nên vào theo Link bên trên vì phần Comment đôi khi bị xai các ký tự
Chúc thành công!
Interesting Read! Very detailed blog.
Trả lờiXóarental mobil medan