Hướng dẫn cách tạo và nhúng mã html widget thời tiết vào website 1 cách dễ dàng và miễn phí

Hướng dẫn tùy chỉnh Widget thời tiết theo ý thích!

Những tính năng bạn có thể tùy chỉnh theo ý thích phù hợp với website của bạn:

• “Chọn mẫu” Widget thời tiết phù hợp với web của bạn
• Tùy chỉnh lựa chọn “Địa điểm” khu vực thời tiết bạn muốn lấy
• Hiển thị “Số ngày” dự báo thời tiết
• Chỉnh “Màu Sắc“
  • Chữ Tiêu đề
  • Màu văn bản
  • Màu nền Tiêu đề
  • Màu viền và đường kẻ bao quanh.
• Tùy chỉnh kích thước.

Bắt đầu nào!

• Truy cập vào đường dẫn này : https://thoitiet.app/widget

Bước 1: Chọn địa điểm khu vực bạn cần xem dự báo thời tiết ( Có thể là Tỉnh thành , Quận, xã hoặc huyện )

Bước 2: Chọn mẫu widget thời tiết theo sở thích của bạn ( Sắp tới chúng tôi sẽ thêm nhiểu mẫu mới )

Bước 3: Chọn số ngày cần hiển thị dự báo thời tiết

Bước 4: Tùy chọn màu ( Có vài màu sẽ không điều chỉnh được màu )

Bước 5: Tùy chỉnh kích thước widget

Bước 6: Click vào nút “Tạo widget“

Bước 7: Copy mã HTML widget mới tạo. Để gắn vào website của mình

Hướng dẫn cách gắn mã html widget thời tiết vào web wordpress

Bước 1: Tiến hành đăng nhập vào quyền quản trị trang web của mình

Bước 2: Chọn mục Giao diện -> Widget

Bước 3: Chọn vị trí bạn muốn hiển thị widget, có những vị trí cơ bản như Footer Sidebar, Header Sidebar, Right Sidebar, Left Sidebar. Tùy vào bố cục của trang web mà bạn chọn chèn widget cho phù hợp. Ở đây mình chọn Right Sidebar.

Tiếp theo, bạn bấm nút mũi tên xổ xuống của thanh Right Sidebar.

Ở đây, nếu bạn muốn chèn code widget vào thì cần phải có một thuộc tính HTML để dán code vào. Hiện tại trong thanh Right Sidebar chưa có nên mình sẽ kéo thuộc tính đó vào.

Thuộc tính đó mang tên “HTML Tùy chỉnh”, nó tìm nó bên vùng “Widget sẵn có”, bạn nhấn giữ và kéo thả vào thanh Right Sidebar.

Bước 4: Tiếp theo, bạn bấm nút xổ xuống trong mục HTML tùy chỉnh, ở mục Tiêu đề, bạn nhập vào thời tiết nơi bạn muốn dự báo (ví dụ: Thời tiết Hà Nội). Ở phần nội dung, bạn dán code widget đã copy trên trang https://thoitiet.app/widget vào.

Sau khi hoàn thành thì bạn nhấn Lưu thay đổi.

Xem thành quả nào !