Tài nguyên dạy học

Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Thành viên trực tuyến

    2 khách và 0 thành viên

    Danh ngôn

    Liên kết mở rộng

    Tìm kiếm với Google

    Google
    Gốc > Thủ thuật Blog Violet > Bài viết tổng hợp >

    Chèn code thời tiết vào Blog

    Để chèn code thời tiết vào Blog, ta thực hiện các bước sau:

    1) Vào trang web: http://www.wunderground.com/

    2) Gõ tên quốc gia vào ô tìm kiếm Search ở đầu trang.

    a)Chú ý gõ tên không dấu, ví dụ như Viet Nam.

    b)Có thể gõ tên thành phố và quốc gia, ví dụ như : Quy Nhon, Viet Nam.

    Khi đó trang web sẽ hiện một bảng tên các thành phố (Cities), bạn chọn một thành phố, ví dụ chọn Quy Nhon.

    3) Tiếp theo bạn di chuyển xuống phía dưới trang, bạn sẽ nhìn thấy mục Free Weather Stickers® for Your Homepage! Bạn nhấp chuột vào ô màu vàng: Get Your Weather Sticker! để chọn hình thức trình bày. Có rất nhiều mẫu trình bày ở đây:

    thoi_tiet_2_500

    4) Bạn chọn một mẫu mà bạn thích nhất. Khi đó trang web sẽ hiện một khung có chứa đoạn mã (code) nằm dưới dòng Copy the following lines of HTML:

    5) Bôi đen và copy toàn bộ đoạn code trên và dán (paste) vào Blog của bạn.

    a) Nhiều bạn chưa biết phải dán vào đâu? Tôi sẽ hướng dẫn cho các bạn:

    -Vào phần quản trị và chuyển xuống cuối trang, bạn nhấp vào phần Thêm khối trên cột chức năng (hoặc nhấp vào phần Thêm khối chính tuỳ ý thích của bạn).

    -Đặt tên cho khối và xuống phía dưới chèn (paste) đoạn mã vào.

    -Nhấp vào ô cập nhật để lưu lại. Trở về trang chủ, bạn sẽ thấy kết quả.

    Sau đây là một số ví dụ đoạn code tôi đã chọn sẵn thời tiết ở Quy Nhơn, các bạn có thể copy trực tiếp ở đây:(Bạn có thể chỉnh sửa code trước khi dán vào Blog nếu bạn hiểu về code và ngôn ngữ lập trình).

    <a href="http://www.wunderground.com/global/stations/48870.html?bannertypeclick=gizmotimetempbig"><img src="http://weathersticker.wunderground.com/weathersticker/gizmotimetempbig/language/www/global/stations/48870.gif" alt="Click for Qui Nhon, Viet Nam Forecast" border="0" height="40" width="467" /></a>

    <a href="http://www.wunderground.com/global/stations/48870.html?bannertypeclick=miniWeather01"><img src="http://weathersticker.wunderground.com/weathersticker/miniWeather01_metric/language/www/global/stations/48870.gif" alt="Click for Qui Nhon, Viet Nam Forecast" border="0" height="50" width="150" /></a>

    <a href="http://www.wunderground.com/global/stations/48870.html?bannertypeclick=sunandmoon"><img src="http://weathersticker.wunderground.com/weathersticker/sunandmoon_both/language/www/global/stations/48870.gif" alt="Click for Qui Nhon, Viet Nam Forecast" border="0" height="150" width="256" /></a>

    Chúc bạn thành công!

     


    Nhắn tin cho tác giả
    Nguyễn Xuân Toàn @ 23:36 28/12/2010
    Số lượt xem: 456
    Số lượt thích: 0 người
     
    Gửi ý kiến