Tạo bảng cho blog bằng thanh công cụ soạn thảo bài viết Blogspot

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 bảng cho blog bằng thanh công cụ soạn thảo bài viết Blogspot

Để 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.

Bảng1Bảng2

Tiêu đề + Gạch dướiTiêu đề + In nghiêng

Tiêu đề phụ + Gạch dướiTiêu đề phụ + In nghiêng


Vậy là thành công rồi

Đăng nhận xét

Mới hơn Cũ hơn