Chèn hộp hội thoại (shoutbox) vào blog

6 03 2008

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. 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.

Hình 1

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)…

Hình 2

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.


Hình 3

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

Hình 4

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.tag-board.org/
http://www.xatech.com/ (Dạng room, giao diện khá đẹp)
http://www.meebo.com/ (Dạng room, như tôi đang dùng)


Hành động

Information

2 responses

31 03 2008
soft100

Tiếc quá, bài viết này chỉ đúng với blogger.com thôi. Còn wordpress chỉ dùng được http://www.meebo.com/ mà tôi thì chẳng thích tí nào. Dù sao cũng cảm ơn bạn đã cung cấp một bài viết hay. Chào tạm biệt.

11 11 2010
Nguyễn Quang Vinh

làm sao chèn chat box cùa wondown live messenger vào blog wordpress hả bạn

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s




%d bloggers like this: