Nhúng mã HTML vào trang web

Một phần của tài liệu TẬP HUẤN VIOLET (Trang 32)

Chức năng nhúng mã HTML cho phép chèn các khối giao diện giúp cho trang web của bạn sinh động hơn, hoặc có thể thêm những chức năng mới mà Thư viện chưa cung cấp. Ví dụ, bạn có thể thêm đồng hồ, dự báo thời tiết, tra cứu điểm thi Đại học, các đoạn phim, ca nhạc mà bạn yêu thích, banner liên kết đến các trang web khác v.v... Ví dụ: bạn muốn thêm một chiếc đồng hồ trên cột chức năng ngay phía dưới ô Tìm kiếm, ta làm như sau:

Bước 1: Đăng nhập, vào menu

Quản trị→ Giao diện, kéo

thanh cuộn xuống để xem phía dưới cùng của trang web. Bạn sẽ nhìn thấy 2 chức năng:

Thêm khối chính và Thêm khối trên cột chức năng.

Bước 2: Nhấn Thêm khối trên cột chức năng vì bạn cần chiếc đồng hồ của mình hiển thị ở cột chức năng. Ngược lại Thêm khối chính sẽ thêm chức năng mới vào phần nội dung trang web.

Bước 3: Bảng nhập mã HTML sẽ hiện ra, bạn nhập tiêu đề cho chức năng mới. Để lấy mã HTML bạn vào trang http://bachkim.violet.vn,

mục Mã HTML  Đồng hồ, chọn một chiếc ưng ý nhất, copy phần

Bước 4: Bạn có thể chọn chế độ Trang hiển thị là Hiện ở tất cả các

trang hay Chỉ hiện ở trang chủ, chọn Chế độ hiển thị là Chỉ hiển thị khi chưa đăng nhập, Chỉ hiển thị khi đã đăng nhập, Chỉ hiển thị với Quản trị, hoặc Luôn luôn hiển thị.

Bước 5: Nhấn nút Cập nhật, bạn sẽ thấy chức năng Đồng hồ bạn

vừa tạo ra xuất hiện ở phía dưới cùng trong danh sách các khối. Bạn đặt lại thứ tự sao cho

nó nằm ngay dưới mục Tìm kiếm như hình bên

Bước 6: Nhấn nút Trang chủ ở phần đầu trang web để quay trở về trang chủ và xem kết quả

Lưu ý: Các mã HTML kiểu như trên được sưu tầm rất nhiều ở địa chỉ http://bachkim.violet.vn, mục Mã HTML. Ngoài ra các trang web khác cũng cung cấp mã HTML riêng để bạn có thể

nhúng nội dung của nó vào trang web của mình. Ví dụ trang YouTube.com, bên cạnh mỗi video sẽ

có một bảng cho phép bạn copy mã nhúng (embed code) của video đó. Hoặc bạn muốn trang web của bạn luôn hiển thị các tin tức mới nhất trên trang web

http://baomoi.com, bạn truy cập trang này, rồi nhấn vào

Sau đó, bạn có thể tùy chọn

Cấu hình nhúng tin như ở hình bên, trang web sẽ sinh ra đoạn mã nhúng HTML tương ứng. Bạn chỉ cần copy và paste nó vào trang web của mình là được.

Một phần của tài liệu TẬP HUẤN VIOLET (Trang 32)