1. 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.
2. Ở 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ả
3. 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ũ
4. 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
5. Dán mã nhúng vào khung HTML và nhấn Update
Sau đó ta save moudle lại và xem kết quả
6. 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
7. 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&m=g&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
8. Ở 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ả