Hướng dẫn cài đặt Chatbox giống Vnxf

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,150
Được Like
12,745
Xin chào các bạn, hiện tại thì mục chat của Vnxf khá được nhiều bạn quan tâm nên hôm nay mình sẽ hướng dẫn các bạn cài đặt nó. Chat này không phải là addon nên các bạn dùng hoàn toàn yên tâm về việc ngốn tài nguyên web :D, vì nó chỉ là 1 đoạn code nên rất nhẹ nha :). Không lòng vòng nhiều, bây giờ mình sẽ hướng dẫn các bạn luôn.

Đầu tiên là Demo :)

0.png


1.png


2.png


3.png

Hướng dẫn cài đặt:
1. Đầu tiên các bạn truy cập vào: https://www.spot.im/spots/
2. Nó yêu cầu đăng nhập, các bạn hãy đăng nhập vào nha, có 4 lựa chọn đăng nhập cho bạn chọn đó :D

a1.png

Sau khi đăng nhập vào màn hình sẽ hiện ra như sau:

a2.png

Để tạo Chat cho web của bạn, bấm vào nút "Create New Spot" như hình nha
Tiếp theo, sau khi bấm vào nút "Create New Spot" sẽ hiện ra như sau:

a3.png

Chỉnh sửa khá đơn giản, các bạn hãy tự điều chỉnh sao cho phù hợp với web của mình nhé
Sau khi hoàn tất quá trình trên, các bạn bấm vào nút "Save and generate code" nha, sau đó nó sẽ hiện ra một đoạn code, các bạn hãy copy đoạn code đó paste vào template PAGE_CONTAINER (vào cuối nha)

a4.png

Xong rồi đó, bây giờ lưu lại và ra web thưởng thức thành quả nào!.

Demo khi vừa hướng dẫn vừa làm nè :p

a5.png

Chúc các bạn thành công.


Vnxf.vn
 
  • Like
Reactions: THB

nghiapro

MasterCorporal
Tham gia
23/06/2015
Bài viết
220
Được Like
101
Xin chào các bạn, hiện tại thì mục chat của Vnxf khá được nhiều bạn quan tâm nên hôm nay mình sẽ hướng dẫn các bạn cài đặt nó. Chat này không phải là addon nên các bạn dùng hoàn toàn yên tâm về việc ngốn tài nguyên web :D, vì nó chỉ là 1 đoạn code nên rất nhẹ nha :). Không lòng vòng nhiều, bây giờ mình sẽ hướng dẫn các bạn luôn.

Đầu tiên là Demo :)

Hướng dẫn cài đặt:
1. Đầu tiên các bạn truy cập vào: https://www.spot.im/spots/
2. Nó yêu cầu đăng nhập, các bạn hãy đăng nhập vào nha, có 4 lựa chọn đăng nhập cho bạn chọn đó :D

Sau khi đăng nhập vào màn hình sẽ hiện ra như sau:

View attachment 1994
Để tạo Chat cho web của bạn, bấm vào nút "Create New Spot" như hình nha
Tiếp theo, sau khi bấm vào nút "Create New Spot" sẽ hiện ra như sau:

View attachment 1995
Chỉnh sửa khá đơn giản, các bạn hãy tự điều chỉnh sao cho phù hợp với web của mình nhé
Sau khi hoàn tất quá trình trên, các bạn bấm vào nút "Save and generate code" nha, sau đó nó sẽ hiện ra một đoạn code, các bạn hãy copy đoạn code đó paste vào template PAGE_CONTAINER (vào cuối nha)

Xong rồi đó, bây giờ lưu lại và ra web thưởng thức thành quả nào!.

Demo khi vừa hướng dẫn vừa làm nè :p

Chúc các bạn thành công.


Vnxf.vn
upload_2015-8-23_7-26-53.png

Sau nó trắng tinh vậy anh @PVS
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,150
Được Like
12,745
bạn thử test lại cách làm thử xem
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,150
Được Like
12,745
cái này giờ nó thay đổi rồi bạn, mình nghĩ là không nên cài nó nữa, mình vừa cài nó xem sao thì thấy nó rất chiếm trang @@, không còn được như cũ nữa rồi
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,150
Được Like
12,745
ấy là do bên đó dùng code cũ ^^
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,150
Được Like
12,745
ừ, mình cũng bó tay với cái code mới ^^
 

ducmu233

Private
Tham gia
20/09/2015
Bài viết
4
Được Like
1
ừ, mình cũng bó tay với cái code mới ^^

code mới nó cho thêm cái code này để chèn vào chỗ mình thích
Mã:
<div id="spot-im-frame-inpage"></div>
vậy e chèn vào file nào để nó chạy dọc forum?
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,150
Được Like
12,745
thường thì trong template page_container
 

gaconhocit

Gefreiter
Tham gia
17/09/2015
Bài viết
83
Được Like
21
seach ra topic chưa kịp mừng đọc comnet xog xác định luôn :(
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,651
Được Like
3,934
Sao bạn?
Cái này vnxf dùng bình thường, nhưng ko thích chat nên ko dùng.
 

Top Bottom