Tin mới đăng:

Tạo khung chứa code cho bài viết

Xuandoanh.com - Bạn viết Blog thường có kèm theo code HTML để giới thiệu. Bạn muốn bài đăng của mình được đẹp hơn trong mắt người đọc. Bài này mình sẽ giới thiệu cho các bạn các mẫu code (Khung chèn code) đẹp cho blogspot.

Bài viết 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.   

Vậy thì hôm nay tôi xin hướng các bạn cách làm đó. Hãy làm theo các bước sau:
B1: Login vào bảng điều khiển -> Thiết kế -> Sửa HTML.
B2: Nhấn CTRL + F để tìm dòng sau: ]]></b:skin> , sau đó hãy thêm đoạn code dưới ngay trên dòng vừa tìm được.

.codeview { margin : 15px 5px 15px 15px; padding : 10px; clear : both; list-style-type : none; background : #fbfbd5 url(http://buixuandoanh.com.vn/images/viewcode.png) no-repeat right bottom; border-top : 1px solid #fb8e19; border-right : 2px solid #f87217; border-bottom : 2px solid #ff0000; border-left : 1px solid #fbb917; } .codeview li { font-size : 13px; line-height : 24px; font-family : "Courier New", "MS Sans Serif", sans-serif, serif; color : #333333; font-weight : normal; margin : 0; padding : 0; }

Vậy là bạn đã chỉnh sửa HTML thành công rồi ! Bây giờ khi viết bài đăng, hãy dùng code sau chèn vào bài viết và dán code cần hiển thị vào giữa.
<div class="codeview">
Đặt code vào tại đây
</div>

Các bạn tải hình này về và upload lên blog sau đó thay vào link của bạn nha. có thể thay bằng hình khác.
                                                                  Chúc thành công!
Tạo khung chứa code cho bài viết Tạo khung chứa code cho bài viết
9/10 356 bình chọn

Chia sẻ:

Xin chào! Mình là Bùi Xuân Doanh. Mình muốn được chia sẻ cùng các bạn những gì mình biết.

Theo dõi tôi trên Facebook Or Youtube


Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Quản trị

    Admin Bùi Xuân Doanh

    Click để Chat với Admin! Click để Chat với Admin!

    Email: buixuandoanh@gmail.com

    Hotline: 0983.379.818

Tư vấn Kỹ thuật