Bài 14: Moudle Custom HTML

Module custom html là một module có sẳn trong joomla

Ta có thể dùm moudle custom để chèn nội dung hình ảnh làm quảng cáo , chèn nhạc,

chèn video, làm nhạc nền, hỗ trợ trực tuyến.....

1. Dùng Moudle Custom chèn quảng cáo cho website

Ta vào extension -->Module Manager --> New --> Custom HTML.

Ở phần custom : ta có thể điền nội dung của moudle, chèn hình ảnh bằng cách nhấn

button Image ở góc dưới.

Ở góc phải của moudle custom ta có mục Basic options: Tại đây có thể chọn ảnh nền cho

moudle nếu muốn

Sau khi đã thực hiện xong quá trình chỉnh sửa và thêm nội dung cần thể hiện cho moudle.

Ta lưu lại

Kết quả

2. Dùng Module Custom để chèn video ( Từ YouTube )

Để chèn video từ youtube. Đầu tiên ta phải có up video cần chèn lên youtube. Ở đây ta ví

dụ: Bằng 1 Video bất kỳ

Ta chọn 1 video để chèn vào website. Để lấy được mã nhúng video và website. Ta nhấn

và phần chia sẻ ( share). Sau đó chọn Nhúng. Và lưu ý nhớ check vào sử dụng mã nhúng

cũ

Copy hết toàn bộ đoạn mã trong khung ( Đây là mã dùng để nhúng video trên )

Ta vào phần quản lý moudle joomla. Tạo 1 moudle Custom Html như hướng dẫn bên trên

Ở khung Custom output. Trước khi dán mã nhúng có được ở trên. Ta click chọn HTML

Xuất hiện video trong khung custom

Dán mã nhúng vào khung HTML và nhấn Update

Sau đó ta save moudle lại và xem kết quả

3. Dùng Module Custom để chèn Nhạc ( Từ zing, nhaccuatoi .... v.v..)

Ta sẻ chọn một Playlist nhạc bất kỳ mà ta muốn chèn vào

Ta click chọn 1 Playlist bất kỳ

Ở góc dưới mỗi Playlist có một đoạn mã. Để nhúng list nhạc và web. Ta copy đoạn mã

trong mục Copy Vào blog.

Nếu muốn đoạn nhạc tự động Play ta chọn tự động play. Muốn làm nhạc nền ta chọn

nhạc nền

Tương Tự ta tiến hành tạo 1 moudle Custom Html để chèn nhạc. Lưu Ý: Chọn Html và

chèn mã nhúng ta có được ở trên

Kết quả

4. Dùng moudle Custom Html để tạo hỗ trợ trực tuyến

Mã code chèn nick yahoo

<p><a href="ymsgr:sendIM? lee_nguyen2310"> <img

src="http://opi.yahoo.com/online?u=lee_nguyen2310&amp;m=g&amp;t=2" border="0"

width="125" height="25" /> </a></p>

Lưu ý: Ở mục in đậm. ta phải thay thành nick yahoo ( của người sẽ hỗ trợ trực tuyến

trong website ).

Tương tự ta tạo một moudle Custom Html là hỗ trợ trực tuyến

Ở mục Custom option. Ta chọn buton HTML sau đó dán mã nguồn code chèn nick yahoo

vào

Kết quả