Trong các bài trước sau khi mình có ý tưởng dùng thanh công cụ soạn thảo bài viết của blogspot dùng để làm nút Button và hộp chứa code, nay mình lại nghĩ ra cách tạo bảng bằng thanh công cụ này, có rất nhiều công cụ không dùng tới tại sao ta không sử dụng chúng để hỗ trợ viết bài, giảm thời gian viết bài một cách nhanh chóng
Để tạo được bảng bạn hãy thêm đoạn mã này ở trước ]]></b:skin>
.post-body i{display: inline-block;border-left: 1px solid #bdbdbd;padding: 5px 0 0 15px;width: 50%;font-style: normal;text-decoration: none;}
.post-body u{display: inline-block;border-right: 1px solid #bdbdbd;padding: 5px 0 0 15px;width: 50%;text-decoration: none;}
.post-body h1{border: 1px solid #bdbdbd;background: #0049ce;text-decoration: none;color: #fff;}
.post-body h2{border: 1px solid #bdbdbd;text-decoration: none;}
.post-body h3{background: #eee;border-left: 1px solid #bdbdbd;border-right: 1px solid #bdbdbd;text-decoration: none;}
Sau khi thêm đoạn mã trên bạn hãy tìm đoạn CSS cũ .post-body h1 và .post-body h2 .post-body h3 xoá chúng đi vì chính là phần Tiêu đề lớn và Tiêu đề trong thanh công cũ chính sẽ có Font-size mặc định sẵn, xoá xong lưu lại là bạn có thể sử dụng,vào viết bài để test ngay.
Hướng dẫn thêm bảng khi tạo bài viết
Gạch dưới : kích thước bằng 50%
In nghiêng : kích thước bằng 45%
Tiêu đề lớn : Màu nền background-color 1
Tiêu đề : Màu nền background-color 2
Tiêu đề phụ: Màu nền background-color 3
Để tạo bảng nhau bạn chỉ cần tạo tên là : Bảng1 Bảng2,sau đó bôi đen từng bảng, Bảng 1 thêm Gạch Dưới, Bảng 2 thêm In nghiêng,Sau đó chọn vào loại tiêu đề để chọn màu ( Tiêu đề lớn,Tiêu đề,Tiêu đề phụ) trong thanh công cụ blogspot.
