Tổng hợp cách tạo khung chứa code đẹp cho blogger

A. NGUYÊN NHÂN: Do đoạn code quá dài và không đảm bảo mỹ quan thẩm mỹ cho bài viết thêm vào đó những đoạn này cần phân biệt với chữ trong bài viết do đó tạo khung chứa code cho blogspot hay website rất quan trọng

Tổng hợp cách tạo khung chứa code đẹp cho blogger 

B. CÁCH CHÈN KHUNG CHỨA CODE ĐẸP CHO BLOGGER

Đầu tiên các vào Mẫu/ Chỉnh sửa HTML, sau đó bạn tìm thẻ ]]></b:skin> (mẹo nhấn tổ hợp phím Ctrl + F dán ]]></b:skin> rồi Enter).

Dán đoạn code dưới đây trước thẻ ]]></b:skin>

Code:

*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}

color: #666666 là màu chữ trong khung
background: #fff là màu nền của khung
border: 1px solid #99cc66; là độ rộng đường viền (1px) và màu đường viền (#99cc66)
max-height:300px là chiều cao tối đa.
BẢNG MÃ MÀU TẠI ĐÂY

Sử dụng khi viết bài:
Khi viết bài đến lúc bạn muốn đặt code thì bạn chuyển sang chế độ soạn HTML sau đó dán đoạn code sau vào:

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

DEMO:

Đặt code vào đây

C. VIDEO HƯỚNG DẪN CHÈN KHUNG CHỨA CODE ĐẸP CHO BLOGGER



C. KẾT LUẬN
Đây là cách đơn giản nhất mà đẹp để cho các bạn tạo được khung chứa code cho bài viết trên blogger hay wordpress hoặc webstie hy vọng các bạn sẽ thích

• Tweet
• Share
• Share
• Share
• Share

About ĐH A DI DA PHAT

Với phương pháp đào tạo Smart, giảng viên kinh nghiệm ,trải nghiệm môi trường giáo dục đào tạo từ mầm non tới đại học với các chuyên ngành mục đích từ thiện cho người không có tiền tới trường: học âm nhạc, quản trị kinh doanh, kế toán, công nghệ thông tin, kiếm tiền online, blog chia sẻ, các thủ thuật máy tính...

Related Post