Code tạo Chatbox giống Facebook cho Blogger

Create a Chatbox like Facebook for Blogger

Bạn muốn tạo cho website của mình một khung chatbox giống như Facebook? Bạn muốn tăng lượng tương tác trên blog của bạn? Thủ thuật sau của Iris Tips có thể giúp bạn điều đó.

• DEMO

1. Tính năng

- Chat ẩn danh
- Tin nhắn riêng
- Responsive
- Transparency
- Khá nhẹ, không làm ảnh hưởng đến tốc độ load trang
- Tự do điều chỉnh vị trí, kích thước khung chat
- Hỗ trợ Emoticon
- Tự động nhận link ảnh, video
- Ban User
- Ngôn ngữ đa dạng
- Tùy chỉnh giao diện
- Đăng nhập bằng tài khoản Facebook, Twitter, Google+...
- Tìm kiếm người dùng
- Like hoặc dislike bình luận
- Và còn rất nhiều tính năng khác nữa...

2. Cách tạo Chatbox

1 Bạn truy cập vào trang web Chatwee và tạo cho mình một tài khoản.

2 Tại giao diện bảng điều khiển >> chọn V1, bạn sẽ nhận được một đoạn code

Ví dụ đây là đoạn script của Iris Tips

<script src="https://repository.chatwee.com/scripts/d88d8ae21ed9f58443c2f168003bbbc8.js" type="text/javascript" charset="UTF-8"></script>

3 Đăng nhập vào Blogger >> vào tab Mẫu >> Chỉnh sửa HTML và dán đoạn code vừa nhận được ở bước 2 vào trước thẻ </body>

4 Cuối cùng là lưu template lại.

3. Hướng dẫn sử dụng một số tính năng

3a. Tin nhắn riêng

1 Để chat mật với nhau bạn click vào tên người đó trên khung chat

2 Một khung chat sẽ hiện ra bên cạnh còn lại của màn hình và bạn chỉ việc click vào đó chat thôi.

3b. Xóa đoạn chat

1 Truy cập vào địa chỉ https://www.chatwee.com/client/history#messages

2 Check vào đoạn hội thoại cần xóa >> chọn Remove Selected

3c. Thu nhỏ thanh Sidebar

1Giống như trên Facebook để thu nhỏ hộp chat bạn hãy nhấn vào thanh tiêu đề phía trên cùng của khung chat.

2 Và kết quả

Và còn rất nhiều tính năng thú vị khác nữa, các bạn hãy tự mình khám phá nhé!

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm