Thursday, August 30, 2007

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

Đăng ký dịch vụ lưu trữ đám mây: Dropbox, Mediafire, OneDrive. Sau khi đăng ký xong, cài đặt phần mềm cho Windows hoặc ứng dụng điện thoại - máy tính bảng để đồng bộ dữ liệu.

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)

Chúc thành công!

Tham gia Cộng đồng sử dụng Blogger Việt Nam trên Facebook, giải đáp thắc mắc, mẹo vặt, chia sẻ kinh nghiệm sử dụng Blogger (BlogSpot)...

11 comments:

  1. ban oi, cai link de them bieu tuong yahoo, sao chang thay cai link nao vay, chi co bieu tuong yahoo a.

    ReplyDelete
  2. Trên từng biểu tượng ở trang Yahoo! Messenger, click phải chọn Properties để lấy link. Copy link đó paste vào dòng liên kết bên Smilies của Cbox.

    ReplyDelete
  3. ban oi,click phai chon properties cho tung bieu tuong,nhung no chi hien thi co 1 link duy nhat thoi.giong nhau ca. copy vao smile trong cbox khong hien thi bieu tuong minh chon. vay minh phai lam sao?

    ReplyDelete
  4. Bạn lấy link, sau đó dán link. Mỗi biểu tượng có một link khác nhau.

    ReplyDelete
  5. Bạnơi! ứng dụng này có dùng cho 360plus không vậy bạn?

    ReplyDelete
  6. Bạn chỉ cách chèn code cho chatbox nằm bên hông tay phải cho blog sát thành màng hình. để đỡ tốn không gian và trông đẹp mắt. Khi nào cần chỉ bấm nhẹ là nó chạy ra để chat sau bấm 'hide' là nó chạp núp vô trở lại. Cảm ơn nhiều.
    MSN

    ReplyDelete
  7. @Anonymous, bạn có thể áp dụng theo cách này để ẩn chatbox của mình: http://www.thuthuatblog.com/2008/01/hin-th-nhn-label-hoc-danh-sch-lin-kt.html. Có gì cần trao đổi thêm hãy comment thêm một lần nữa hoặc chat với mình nhé!

    ReplyDelete
  8. tức là vào Thiết kế ->Phần tử trang xong rồi làm gì nữa ạ :( mình không thấy chỗ thêm phần tử trang +_+

    ReplyDelete
  9. Thêm Tiện ích -> Javascript/html
    Adm ơi, cái chatbox này hok tự refresh đc, phải click bằng tay

    ReplyDelete
    Replies
    1. Thường thì các chatbox thế này không tự refresh lại bạn ạ! Chỉ phải bằng tay thôi hoặc tìm các chatbox kiểu flash xem.

      Delete

Cám ơn đã đọc bài viết. Bạn có thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới. Hãy viết bằng tiếng Việt có dấu để mọi người dễ đọc hơn. Xin đừng spam!

Do gần đây nhận rất nhiều spam bán thuốc từ nước ngoài, tạm thời để bình luận bạn bắt buộc phải có tài khoản OpenID hoặc Google. Chức năng này sẽ được khôi phục khi trình trạng spam được cải thiện. Xin lỗi về sự bất tiện này.