Tạo chat box cho blog

Chèn một hội thoại nhỏ giúp người đọc có thể táu gẫu nhanh trên blog, trong tiếng Anh, hộp thoại này được gọi là shoutbox, chatbox hay tagboard. Có rất nhiều nhà cung cấp công cụ này miễn phí. Tôi xin hướng dẫn cách chèn công cụ này từ Cbox. Tùy theo nhà cung cấp, nhìn chung, bạn phải đăng ký mới được phép lấy code.

Chèn Chat box trong blogger:

Bên đưới bài viết này liệt kê các nhà cung cấp khác.

Trước tiên hãy click vào link http://cbox.ws/getone.php để đăng ký tài khoản. Trang đăng ký hiện ra, bạn điền các thông tin:

Username: Tên người dùng

Password: Mật khẩu

Confirm password: Nhập lại mật khẩu

Email: Địa chỉ email

Website: Nhập đầy đủ địa chỉ blog của bạn

Language: Chọn English

Skin: Chọn màu sắc phù hợp với blog.

Click Create my Cbox để hoàn tất.

Sau khi đăng ký hoàn tất, hãy đăng nhập và thiết lập giao diện theo ý thích của bạn. Tại menu Cbox Options (tùy chọn), bạn có thể thay đổi kích thước cho hộp thoại: chọn chiều rộng (Width) và cao (Height); thay đổi cách trình bày (Form layout), số lượng lời thoại (Message), kích cỡ lời thoại (Message length)...

Cần thay đổi màu sắc và font chữ, hãy click vào menu Colors and Fonts. Bên cạnh đó Cbox còn cung cấp cho bạn biểu tượng vui, nếu bạn thích các biểu tượng vui của Yahoo! Messenger, hãy vào trang http://messenger.yahoo.com/emoticons.php để lấy link và dán lại như bên đưới (Tôi chỉ mới làm một số biểu tượng ví dụ) và click Save để lưu lại. Nếu muốn thêm nhiều biểu tượng hơn hãy click New Row. Ngoài ra Yahoo! Messenger còn rất nhiều biểu tượng ẩn, hãy click Want to send hidden emoticons? để lấy những biểu tượng ẩn.

Sau cùng, vào menu Quick Setup, lấy code (xem hình) và dán vào HTML/JavaScript trên layout của bạn (Đăng nhập blogger.com, tại Layout, chọnAdd a Page Element (Thêm phần tử trang)-> HTML/JavaScript, lưu lại để hoàn tất.

Dưới đây là các trang cung cấp hộp thoại khác:

http://www.shoutmix.com/main/

http://www.shoutbox.us/

http://www.yellbox.com/

http://www.myshoutbox.com/

http://www.shout-box.com/

http://www.tag-board.com/

http://www.xatech.com/ Dạng room, giao diện khá đẹp.

http://www.meebo.com/

Dạng room.

Chèn Chat box trong yahoo 360:

Đầu tiên bạn vào trang: http://www.xatech.com/web_gear/chat.php

- Sau khi vào trang này, bạn thấy mấy cái hình ở đầu trang chứ - đó là background cho chat box, bạn click vào chúng và chọn 1 cái phù hợp nếu không bạn có thể up 1 hình ưa thích của mình để làm background.

- Phần Size có 3 mục để bạn lựa chọn kích cỡ của Chatbox nếu không bạn có thể tinh chỉnh độ Width và Height sao cho phù hợp với blog của mình

- Chỉnh xong bạn bấm vào button Update & Get Code để thay đổi có hiệu lực.

- Sau đó bạn click vào nút Copy để copy đoạn mã bên dưới.

- Vào blog bạn, lúc viết entry bạn đánh dấu vào ô View HTML Source rồi paste đoạn mã khi nãy vào .

Thế là bạn có ngay 1 chat box cho blog của mình.

tinhrock sưu tầm

http://tinhrock.com/

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..