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 dưới đây vào.
<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>
Giao diện sẽ được như thế này :
nội dung bạn muốn nhập
Sau khi dán tất cả các code trên vào phía dưới, bạn bấm lại vào thẻ "Viết"" kế bên "chỉnh sửa HTML"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.
Dù sao cũng cảm ơn bài viết của bạn.
ReplyDeleteNhưng Mình có rằng bài viết này sẽ không được chú ý cho lắm
Thứ 1 : Code để tạo quá rườm rà. ( nếu không nói là dài hàng km )
Thứ 2 : Không ai có thể rảnh đến mức chền code với kiểu này. Ví dụ chẳng nhẽ chèn có một dòng code cũng phải như thế này thì thật là.
Thứ 3 : sẽ làm rối code bài viết của bạn, trường hợp bạn muốn chỉnh sửa thì gặp không ít khó khăn.
Thứ 4 : Nếu chỉ tạo được cái khung đơn giản như vậy thì không cần nhất thiết viết code như vậy đâu. Bạn có thể hoàn toàn tự viết bằng code Css đơn giản hơn mà mỗi lần chèn code đều có thể dùng thể "Class" hoặc "id" vừa tiện mà lại đẹp.
Đỡ mất công copy past như bạn rất vất vả mà lại khó chỉnh sửa.
Bạn có thể tham khảo ở một số blog chuyên nghiệp khác. Tham khảo tại đây
Mình chân thành đóng góp ý kiến như vậy :D nếu có gì thái quá mong bạn bỏ quá cho :D
@ Nguyễn Doãn Đức : Cám ơn bạn đã đóng góp ý kiến của mình. Mình không phải là chuyên nghiệp nên biết sao thì mình chỉ vậy thôi. Với lại copy past vào là 1 việc rất dễ dàng. Rồi bạn bấm lại thì nó sẽ hiện ra giao diện như mình hướng dẫn phía trên. Bạn muốn viết hay chỉnh sửa nội dung thì tùy. Dù sao cũng cám ơn bạn đã chia sẻ 1 cách khác.Chúc bạn vui và thành công nhé ^_^ !
ReplyDelete