Chèn code dự báo thời tiết như VNEXPRESS vào web, blog mới

Như các bạn đã biết có khá nhiều web cũng như blog chia sẻ code dự báo thời tiết cực cool như của vnexpress. Hôm nay mình sẽ chia sẻ và hướng dẫn các bạn cách chèn code dự báo thời tiết mới nhất của vnexpress version 3.0 nhé.

Công việc hết sức đơn giản. Các bạn chỉ cần copy đoạn code sau và chèn vào blog hay web của mình thôi nhé.

+ Code trên cùng một dòng:

<iframe frameborder="0" marginwidth="0" marginheight="0" src="http://muasamcangay.com/tool/weather/?size=300&fsize=12&bg=images/bg.png&repeat=repeat-x&r=1&w=1&g=1&col=1&d=3" width="300" height="285" scrolling="no"></iframe>

+ Code trên 2 dòng:

<iframe frameborder="0" marginwidth="0" marginheight="0" src="http://muasamcangay.com/tool/weather/?size=130&fsize=12&bg=images/bg.png&repeat=repeat-x&r=1&w=1&g=1&d=3" width="280" height="220" scrolling="no"></iframe>

Ví dụ với blog bạn chỉ cần thêm một HTML/JavaScript và chèn 1 trong 2 loại code trên vào và lưu lại là OK.

Ảnh minh họa mình đặt trên blog của mình đây:

Ghi chú :

size = 300 chiều rộng của khung
fsize = 12 kích thước font chữ
bg = images/bg.png Hình nền của khung,các bạn có thể thay hình khác bằng cách đưa link hình vào đây
repeat = repeat-x Lặp hình nền theo phương x
repeat-y Lặp hình nền theo phương y
no-repeat Không lặp hình nền
r =1 hiển thị tỷ giá , r=0 : ẩn tỷ giá
w = 1 hiển thị thời tiết , w=0 : ẩn thời tiết
g = 1 hiển thị giá vàng , g=0 : ẩn giá vàng
d = 0->7 : Set giá trị mặc định cho thời tiết , tương ứng như sau:
+ 0 : TP.HCM
+ 1 : Sơn la
+ 2 : Hải Phòng
+ 3 : Hà Nội
+ 4 : Vinh
+ 5 : Đà Nẵng
+ 6 : Nha Trang
+ 7 : Pleiku