Tool tạo bảng responsive cho Blogspot

Anh Trai Nắng
2
Sử dụng tool có sẵn để tạo bảng responsive cho blogspot một cách nhanh chóng tiện lợi. Ai cũng có thể làm được.

Như các bạn đã biết một điểm yếu của blogspot đó là việc tạo bảng Table. Do bản thân blogspot không có hỗ trợ công cụ tạo bảng mà đa phần sử dụng code CSS và HTML để tạo. Vì thế trong bài viết ngày hôm nay mình sẽ hướng dẫn các bạn cách tạo một bảng Table responsive với với công cụ tạo code và website tích hợp cho blogspot.

Tool tạo bảng responsive cho Blogspot
Tool tạo bảng responsive cho Blogspot.

Công cụ tạo bảng online trên blogspot

  • Tạo Bảng Tùy Chỉnh: Bạn có thể nhập số dòng và số cột mà bạn muốn cho bảng của mình. Công cụ sẽ tự động tạo ra một bảng trống theo yêu cầu của bạn.
  • Các ô trong bảng được tạo ra có thể chỉnh sửa ngay trên trình duyệt của bạn. Bạn có thể nhập dữ liệu, văn bản, hoặc bất kỳ nội dung nào bạn muốn.
  • Sau khi bạn đã tạo xong bảng và điền nội dung, công cụ sẽ cho bạn xuất mã HTML của bảng đó. Bạn có thể sao chép mã HTML này và dán trực tiếp vào blog/website.

Tạo bảng online qua website

Bước 1: Bạn truy cập vào https://www.tablesgenerator.com/html_tables.

Giao diện ban đầu của nó bạn có thể thấy như hình bên dưới và một điều tôi vô cùng ngạc nhiên là nó không hề thua kém bất cứ một công cụ tạo bàng nào. Mọi thao tác bạn có thể tiến hành trên đồ họa như tạo bảng số dòng, số cột, thêm dòng, thêm cột, xóa cột y như trong Word hay Excel.

Bước 2: Bạn tiến hành các thao tác tạo bảng trên này sau khi làm xong bạn chỉ cần copy toàn bộ đoạn code bên dưới dán vào nơi mà bạn muốn hiển thị trên blogspot. Nhớ chuyển qua HTML khi viết bài bạn nhé. Ngoài ra mình thấy trong này có rất nhiều mẫu template có sẵn cực kỳ hay các bạn có thể tham khảo thêm nhé và bên dưới là kết quả sau mấy phút ngồi tạo thử bảng như bên dưới đây.

Dạng vật liệu Các chi tiết bộ phận
Đồng Các ống dẫn glycol, ống truyền nhiệt của dàn bay hơi
Hợp kim đồng - kẽm Các van
Thép Ống dẫn glycol, thùng chứa, các van
Nhôm Bơm tuần hoàn, dàn lạnh
Gang Các van, bơm tuần hoàng

Công cụ chỉ giúp bạn tạo ra bảng cơ bản, bạn có thể tùy chỉnh kiểu dáng của bảng bằng cách sử dụng CSS. Thêm border, background color, font size và nhiều thuộc tính khác để phù hợp với thiết kế của trang web của bạn.

Đăng nhận xét

HƯỚNG DẪN BÌNH LUẬN

2 Nhận xét

Đăng nhận xét

#buttons=(Thanks!) #days=(7)

À mình có làm website tăng tương tác MXH giá rẻ. Mọi người nếu cần thì ghé sử dụng các dịch vụ thử nha. Ghé xem dịch vụ
Ok, Go it!

HƯỚNG DẪN BÌNH LUẬN

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Định dạng chữ

<b>Chữ in đậm</b>
<i>Chữ in nghiêng</i>
<u>Chữ gạch chân</u>
<strike>Chữ gạch ngang</strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Khác

Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu