Thành phố của bạn: Hà Nội Thay đổi
Giờ địa phương: 04:11 | 15/05/2024

Hướng dẫn các bạn cách tạo widget thời tiết đơn giản và miễn phí cho website, cách tùy biến widget thời tiết đẹp trên web thoitiet.vn

Tạo widget thời tiết trên trang thoitiet.vn

Trang web thoitiet.vn có chức năng hỗ trợ tạo widget thời tiết với nhiều tùy biến khác nhau. Bạn có thể sử dụng widget thời tiết này cho wordpress hay các nền tảng web khác đều được.

Để tạo một widget thời tiết, bạn làm theo các bước sau:

Bước 1: Truy cập vào đường link: https://thoitiet.vn/widget

Bước 2: Tiến hành nhập vào các thông số cần thiết

  • Địa điểm: là nơi bạn muốn dự báo thời tiết

địa điểm

  • Số ngày: số ngày bạn muốn hiển thị dự báo trên widget, tối thiểu là 1 ngày và tối đa là 5 ngày.

số ngày

  • Màu tiêu đề, màu nền tiêu đề, màu văn bản, màu viền và màu đường kẻ: Ở đây bạn phải sử dụng các mã màu để hiển thị màu cho các thành phần của widget. Nếu bạn chưa biết cách chọn mã màu mà mình yêu thích, hãy truy cập vào trang web này: https://imagecolorpicker.com/vi

màu tiêu đề

Một số mã màu phổ biến dành cho bạn:

  • Màu đỏ: #ff0000
  • Màu đen: #000000
  • Màu vàng: #f3ff00
  • Màu cam: #ff7f00
  • Màu lục: #1eff00
  • Màu xanh lam: #001bff
  • Màu tím: #7b00ff
  • Màu hồng: #ff00de

Bước 3:

Sau khi hoàn tất các thông số, bạn nhấn nút “Tạo” để tạo widget

bước 3

Bước 4: Chọn “Kích thước” widget phù hợp với nơi bạn muốn chèn lên website. Bạn có thể xem trước widget hiển thị phía dưới thanh kích thước.

kích thước

Bước 5: Copy đoạn mã để chuẩn bị gắn vào website của mình

code widget

Chúng ta cùng xem lại thành quả sau khi tạo widget thời tiết.

 

Đây chính là widget dự báo thời tiết mà chúng ta đã làm.

Ở đây mình có tổng hợp các bước thành một video hướng dẫn chi tiết, chúc bạn thành công.

 

 

 

 

 

Từ khóa:
Đã cập nhật 5 phút trước
Mây thưa 26.3°

C

F

Mây thưa

Cảm giác như 26.2°.

Mặt trời mọc/lặn
05:18 18:27
Thấp/Cao

24.4°/32.4°

Độ ẩm

94%

Áp suất

1011 mb

Tầm nhìn

7 km

Gió

2.57 km/giờ

Điểm ngưng

25 °C

Chỉ số UV

0