Cách chèn khung chứa Code cho Blog

Khi các bạn muốn chia sẻ một đoạn Code hay đơn giản là những dòng viết khá dài. Để thu gọn lại chúng cho gọn gàng trong một khung để dàng xem và sao chép. Thì việc chèn thêm 1 đoạn khung chứa code là một điều quan trọng trong việc tối ưu Blog của mình. Hôm nay Tho Android sẽ giúp bạn làm điều đó:




+Bước 1: Bạn vào https://www.blogger.com, vào Bài đăng mới, nhấp chọn HTML.


Sao chép và dán đoạn code sau:

<div style="background-color: #f4f4f4; border-color: gray; border-style: solid; border-width: 1px; cursor: text; font-family: consolas,'Courier New',courier,monospace; line-height: 12pt; margin: 20px 0px 10px; max-height: 200px; overflow: auto; padding: 4px; width: 97.5%;">

<span style="font-size: small;">

Nội dung code bạn muốn chèn vô khung

</span>

<span style="font-size: small;"><br /></span>

<span style="font-size: small;"></span></div>

<span style="font-size: small;"><span style="font-family: &quot;times&quot; , &quot;times new roman&quot; , serif;">

</span></span>

+Bước 2: Bạn nhấp chọn về Viết:

Thay dòng màu đỏ thành nội dung code của bạn cần chèn. 

Lưu lại và kiểm tra thành quả nhé !

   Cảm ơn các bạn đã xem bài viết. Mọi thắc mắc liên quan các bạn vui lòng comment bên dưới để trao đổi nhé !

 ( Lưu ý khi sao chép vui lòng ghi rõ nguồn trang thoandroid.ga).