Nhúng đồng hồ vào web

Nhúng đồng hồ treo tường trên Blog:
- Truy cập vào trang web http://clocklink.com/gallery.php
- Lựa chọn kiểu đồng hồ treo trong thư viện chủ đề mẫu có sẵn, xem hình 4.6.


Hình 4.6
- Nhấp nút Accept để đồng ý với những điều khoản của dịch vụ, xem hình 4.7.


Hình 4.7
- Thiết lập các thông số cần thiết cho giao diện của chiếc đồng hồ: màu sắc, múi giờ chuẩn (nên để mặc định là tốt nhất, vì đồng hồ này chạy theo đồng hồ hệ thống của máy truy cập), kích thước hiển thị…
- Thiết lập xong, sao chép đoạn mã nguồn tương ứng để nhúng vào Blog (có hai đoạn Code: đoạn Code chuẩn – code 1 và đoạn code dự phòng – code 2 – để thay thế đoạn code 1 nếu không làm việc), xem hình 4.8.


Hình 4.8
3. Đồng hồ đếm ngược trên Blog:
- Loại đối tượng này thường được sử dụng trong trường hợp muốn đưa thông tin thời gian còn lại trước khi diễn ra một sự kiện quan trọng nào đó, ví dụ còn bao nhiêu thời gian nữa đến tết 2010, WordCup 2010…
- Truy cập vào địa chỉ http://www.7is7.com/otto/countdclock.html
- Lần lượt các thông số hoạt động cho đồng hồ:
+ Đếm ngược tới một thời điểm trong tương lai hoặc tính thời gian đã đi qua kể từ một sự kiện trong quá khứ (Type of clock).
+ Tiêu đề hiển thị cho đồng hồ (Title).
+ Mốc thời gian sẽ đếm tới (ngày, tháng, năm và thời gian thật cụ thể).
+ Hiển thị hoặc không các thành phần của thời gian trên giao diện Blog… xem hình 4.9.


Hình 4.9
- Thiết lập xong kéo thanh trượt xuống phía dưới giao diện trang web nhấp nút Generate iFrame Code để tạo đoạn mã lệnh đồng hồ đếm ngược nhúng vào Blog, xem hình 4.10.


Hình 4.10
- Hiển thị đồng hồ đếm ngược trên giao diện Blog cá nhân, xem hình 4.11.


Hình 4.11

CHÚC THẦY CÔ THÀNH CÔNG