Bai-14-moudle_custom

http://nguyenthanhdien.com, http://truongdaynghe.net, http://hungvuongtech.edu.vn

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ả