Tổng hợp thủ thuật và các khung code đẹp cho Blogger

Lưu ý: Nếu bạn gặp khó khăn với cách làm của bài viết "Tổng hợp thủ thuật và các khung code đẹp cho Blogger" dưới đây hoặc mọi vấn đề khác, hãy gửi câu hỏi cho chúng tôi - TẠI ĐÂY - Đội ngũ lập trình sẽ trả lời và hỗ trợ bạn nhiệt tình sau 3 phút, 24/24h. Ok, giờ chúng ta bắt đầu

Thủ thuật blogger này sẽ hướng dẫn các bạn một cách khá đơn giản nhưng cũng rất chuyên nghiệp để đặt đoạn code mình cần trích dẫn vào bài đăng trên blog. Với cách làm này đoạn mã hiển thị sẽ trông dễ nhìn hơn và người đọc dễ sao chép khi muốn sử dụng.

1. Đăng nhập vào Blogger / Blogspot

2. Vào Mẫu (Templates)

3. Vào chỉnh sửa HTML (edit HMTL). Tìm 1 trong các đoạn code tương tự. (Mẹo: Bấm Ctrl + Fđể tìm với từ khóa pre hoặc code hoặc pre,code)

pre {....}
code {....}
pre, code {....}

Nếu có thì bạn thay toàn bộ code css đó  bằng một trong các code bên dưới.Nếu tìm không có thì bạn chèn thẳng 1 trong các bên dưới sau vào trước thẻ đóng ]]></b:skin>. Chèn xong bạn Save lại.Muốn sử dụng thì trong bài viết bạn check vào ô HTML của bài viết và sử dụng code sau :

<pre> ....
Code của bạn
......</pre>

hoặc

<code> ......
Code của bạn
.....</code>

Mẫu 1 :

Code :

pre, code { display:block; font: 1em 'Courier New', Fixed, monospace; font-size : 100%; color: #666666; background : #fff url(http://3.bp.blogspot.com/-YQO9pTYEANE/UasFuo5j2cI/AAAAAAAADU0/WAd7fy0ZR1M/s1600/khung+code+1.png) repeat; overflow : auto; text-align:left; border : 1px solid #99cc66; padding : 0px 20px 0 30px; margin:1em 0 1em 0; line-height:17px;}

Ban quản trị:

Bạn đang đọc bài viết "Tổng hợp thủ thuật và các khung code đẹp cho Blogger". Nếu bạn đang gặp khó khăn với cách làm trên hoặc mọi vấn đề khác, hãy gửi câu hỏi cho chúng tôi - TẠI ĐÂY - Đội ngũ lập trình sẽ trả lời bạn sau 3 phút, 24/24h (Nếu bị bật ra quảng cáo, vui lòng nhấn Bỏ Qua Quảng Cáo)