XenForo Hosting

[2.5] Hướng Dẫn Tạo Module Hỗ Trợ Trực Tuyến Cho Joomla 2.5.x Bằng Custom Html

Thảo luận trong 'Hướng dẫn - Hỏi đáp' bắt đầu bởi thepbaotin, 2/8/12.

  1. thepbaotin

    thepbaotin Mới tham gia

    Bài viết:
    20
    Likes :
    22
    Chào các bạn,
    Với Joomla các phiên bản thì đều có những module "Hỗ trợ trực tuyến" chỉ cần install qua Extensions Manager là xong, gọn, lẹ. Tuy nhiên tính tùy chỉnh theo ý muốn của các bạn thì lại rất khó.
    Theo kinh nghiệm bản thân, mình thấy xây dựng 1 module bằng Custom HTML sẽ tiện lợi hơn rất nhiều, các bạn có thể tùy biến theo ý mình bằng cách chèn mã HTML hoặc soạn thảo như 1 văn bản bình thường....
    Phần này mình cũng có chia sẻ bên Topic khác rồi, nhưng chỉ là trả lời câu hỏi của một bạn, và mình cũng cảm thấy nhiều bạn mới sẽ cần đến, nên mình tạo 1 Topic riêng để các bạn dễ tìm kiếm.
    Vì mình cũng là người mới, nên nếu nội dung chưa được đầy đủ, các bạn cùng góp ý để hoàn thiện hơn nhé!

    Sau đây là nội dung chi tiết:
    Ảnh demo cho các bạn đây:
    [​IMG]

    Hoặc bạn vào website của mình đó, demo "sống" luôn! www.thepbaotin.com

    Bước 1: Admin => Extensions => Module Manager => New (tạo 1 module mới) => Chọn kiểu module cần tạo là "Custome HTML".

    Bước 2: Tạo thông tin cho mudule
    [​IMG]
    - Title: Tên mudule
    - Show Title: Có hiện Title ra ngoài site hay ko? Hãy chọn Show/ Hide.
    - Position: chọn vị trí của module (left/right...) - Như của bạn là cột trái, chọn "left" nhé!
    - Ordering: chọn vị trí của module ở khu vực Position bạn đã chọn ở trên. Ví dụ bạn mà chọn Log in thì sau khi save lại bạn sẽ thấy module này nó nằm ở ngay phía trên của Mudule "Đăng nhập" của bạn.
    - Language: Chọn "All" nhé (hoặc tùy bạn).


    *** Phần Basic options ở bên phải Prepare Content bạn chọn "No"
    Còn lại để nguyên như mặc định.


    Bước 3: Tiếp tục nhé, ở trên xong rồi, giờ đến phần nội dung "Hỗ trợ trực tuyến nhé" - Custom output:
    [​IMG]
    - Phần soạn thảo, bạn nhấp vào chữ "Toggle Edittor" để chuyển sang chế độ HTML.
    - Bạn coppy đoạn mã sau tham khảo dán vào đó, và sửa thông tin nick, sđt, email... theo của bạn. (Các bạn lưu ý: tất cả những nội dung mình để chữ màu đỏ, các bạn phải chỉnh lại thành thông tin của các bạn nhé! Vì có rất nhiều bạn sau khi coppy về, không chịu sửa để khách hàng toàn liên hệ đến nick "thepbaotin" của mình thôi.)


    - Phần: Module Assignment các bạn "on all pages" để hiển thị trên tất cả các trang. Hoặc tùy theo ý các bạn.

    Xong rồi đó, các bạn save lại đi, thử mở site ra xem có gì chưa nào?

    Chúc bạn thành công, vì mình cũng mới vọc thôi, nên cách trình bày có lẽ hơi dài dòng, mong các bạn thông cảm! Hjhj
     
    Last edited: 13/9/13
  2. khiemni9x

    khiemni9x Mới tham gia

    Bài viết:
    16
    Likes :
    5
    Bác có thể cho hình ảnh demo ở trang chính đc chứ?
     
  3. thepbaotin

    thepbaotin Mới tham gia

    Bài viết:
    20
    Likes :
    22
    Ảnh demo cho bạn đây:
    [​IMG]

    Hoặc bạn vào website của mình đó, demo "sống" luôn! www.thepbaotin.com
     
  4. hphphp00

    hphphp00 Mới tham gia

    Bài viết:
    21
    Likes :
    4
    Mình làm như trên nhưng khi online thì biểu tượng yahoo lại không sáng bạn ah. Kick vào thì vẫn gửi email được. Bạn giúp mình với
     
  5. thepbaotin

    thepbaotin Mới tham gia

    Bài viết:
    20
    Likes :
    22
    Bạn kiểm tra lại kỹ xem, đã thay đổi đúng và đầy đủ thông tin chưa???
    Nếu không sáng thì có lẽ do bạn chưa thay đổi nick thôi, mình vừa sửa lại đoạn code, và có bôi đỏ những nội dung cần thay đổi, bạn xem lại nhé!
     
    hphphp00 thích bài này.
  6. hphphp00

    hphphp00 Mới tham gia

    Bài viết:
    21
    Likes :
    4
    Mình có đổi thành nick mình mà.
    Do nick yahoo của mình làm sao ý. Mình thử nick khác thì Ok rồi.
    Thanks b nhé!
     
  7. nttvietnam

    nttvietnam Mới tham gia

    Bài viết:
    7
    Likes :
    8
  8. doanthanh216

    doanthanh216 Mới tham gia

    Bài viết:
    26
    Likes :
    2
    Bác chủ không shared code nhỉ.
     
  9. zobibobo

    zobibobo Rất nhiệt tình

    Bài viết:
    322
    Likes :
    73
    @@ Bác vào module Custom HTML rồi add vào thôi, như add IMG chứa link.
     
  10. lacayroi

    lacayroi Rất tích cực

    Bài viết:
    47
    Likes :
    15
    Dùng module HTML là đơn giản, dễ dùng nhất rồi :)
     
  11. Lê Minh Thùy

    Lê Minh Thùy Mới tham gia

    Bài viết:
    6
    Likes :
    1
    Cám ơn bạn, mình làm được rồi, đơn giản mà hiệu quả ^^
     
comments powered by Disqus

Chia sẻ trang này

Cloud VPS