Computer >> Hướng Dẫn Máy Tính >  >> Phần Mềm >> Các Trình Duyệt

Cách dùng Tab Maker của Google để tạo tiện ích trang Tab mới tùy chỉnh

Chrome, Firefox là ứng dụng dùng nhiều nhất trên điện thoại và máy tính. Bạn thường xuyên mở trang Tab mới (New Tab) – một trong những trang được xem nhiều nhất trên trình duyệt.

Tuyệt vời biết bao nếu cá nhân hóa trang này với thời tiết, bảng điểm, hoặc bất cứ thứ gì bạn muốn? Google đã ra mắt công cụ không cần code Tab Maker cho Chrome để tạo tiện ích Tab mới tùy chỉnh. Hãy khám phá Tab Maker là gì và cách dùng.

Tab Maker của Google là gì?

Cách dùng Tab Maker của Google để tạo tiện ích trang Tab mới tùy chỉnh

Tab Maker là sản phẩm của Google cho phép bạn tạo tiện ích tùy chỉnh và nâng cao trang Tab mới của Chrome. Công cụ giúp bạn khám phá điều mới mỗi khi mở tab mới.

Trước đây, chỉ lập trình viên chuyên nghiệp mới làm được loại tiện ích này. Với Tab Maker, bạn tự tạo tiện ích Tab mới không cần kiến thức kỹ thuật hay code. Thiết kế trực quan, hướng dẫn từng bước.

Tab Maker có những tính năng gì?

Tab Maker thân thiện, đơn giản. Hỗ trợ nhiều loại nội dung: văn bản, liên kết, hình ảnh, GIF. Thêm link nguồn tin tức – nội dung mới nhất hiển thị mỗi khi mở tab mới.

  • Cung cấp mẫu (template) sẵn để dễ dàng bắt đầu. Có mẫu tối ưu cho nhiều tính năng (nhiều bảng điểm, nhiều thành phố thời tiết).
  • Tích hợp Google Sheets quản lý nội dung hiển thị. Cập nhật liên tục qua file Sheets.
  • Xuất tiện ích thành file nén chia sẻ bạn bè, hoặc đăng lên Chrome Web Store.
  • Tạo tiện ích đầu tiên chỉ trong 5 bước đơn giản.

Cách tạo tiện ích Tab mới với Tab Maker

1. Chọn mẫu cho tiện ích Tab mới

Cách dùng Tab Maker của Google để tạo tiện ích trang Tab mới tùy chỉnh

Chọn mẫu phù hợp nhu cầu. Nhiều mẫu có sẵn, bao gồm mẫu đa tính năng.

2. Thêm nội dung mong muốn vào tiện ích

Cách dùng Tab Maker của Google để tạo tiện ích trang Tab mới tùy chỉnh

Sau khi chọn mẫu, click Thêm nội dung của bạn (Add Your Content) để mở Google Sheets. Có thể xem nội dung mẫu để hiểu quy trình.

  • Bước đầu: Sao chép bảng tính (Make a copy).
  • Điền nội dung: hình ảnh, GIF, liên kết, văn bản, số liệu. Thêm bao nhiêu hàng tùy ý.
  • Lưu ý: không trộn ảnh/GIF với văn bản trong cùng một cột.
  • Chèn ảnh/GIF: copy link ảnh > dán vào cột tương ứng. Tương tự link nguồn tin tức/thời tiết.
Cách dùng Tab Maker của Google để tạo tiện ích trang Tab mới tùy chỉnh

Bảng tính tự lưu trên tài khoản Google – quay lại tiếp tục bất kỳ lúc nào.

Xuất bản bảng tính: File > Xuất bản ra web (Publish to the Web).
– Dropdown Web: chọn Giá trị phân cách bằng dấu phẩy (.csv).
– Dropdown Toàn bộ tài liệu: chọn Thêm nội dung vào bảng này (Add Content to This Sheet).
Click Xuất bản (Publish) > copy link sinh ra > dán vào trang Tab Maker.

3. Điều chỉnh thân trang Tab mới

Cách dùng Tab Maker của Google để tạo tiện ích trang Tab mới tùy chỉnh

Chỉnh màu nền, thuộc tính hình ảnh, khoảng đệm trang. Bước quan trọng quyết định giao diện. Hãy tinh chỉnh kỹ > Tiếp theo (Next).

4. Chỉnh sửa các khối (block) của tiện ích

Cách dùng Tab Maker của Google để tạo tiện ích trang Tab mới tùy chỉnh

Click từng khối để chỉnh: font, cỡ chữ, chiều cao, kiểu dáng... Cũng ảnh hưởng giao diện và đọc dễ. Có thể thử-sai cho phù hợp.

5. Tạo file cuối cùng của tiện ích

Cách dùng Tab Maker của Google để tạo tiện ích trang Tab mới tùy chỉnh

Đặt tên tiện ích, thêm mô tả (mục đích chính), gán biểu tượng riêng. Nếu đăng lên Chrome Web Store, tên/biểu tượng/mô tả này sẽ hiển thị. Hai lựa chọn: Làm lại hoặc Tải xuống file ZIP.

Cách sử dụng tiện ích Tab mới tự tạo

Sau khi tải file ZIP, vào Tiện ích trong Cài đặt Chrome > bật Chế độ nhà phát triển (Developer Mode) góc trên phải. Click Tải tiện ích không đóng gói (Load Unpacked) > chọn thư mục giải nén file ZIP. Bắt đầu dùng tiện ích tự làm đầu tiên!

Cách dùng Tab Maker của Google để tạo tiện ích trang Tab mới tùy chỉnh

Tạo tiện ích Tab mới tùy chỉnh với công cụ này

Tab Maker là phát triển độc đáo của Google. Thay vì giới hạn bởi tiện ích có sẵn trên Chrome Web Store, giờ bạn tự tạo. Không cần kiến thức kỹ thuật. Nếu có kỹ năng code, có thể nâng cao thêm. Web Tab Maker có FAQ hỗ trợ thiết kế và triển khai.