Tạo hộp chat trên web.doc
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (132.32 KB, 3 trang )
Tạo hộp chát: đây là code của tôi.
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="180" height="305" src=" />boxid=488441&boxtag=n9pq1w&sec=main" marginheight="2" marginwidth="2"
scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;"
id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="180" height="75" src=" />boxid=488441&boxtag=n9pq1w&sec=form" marginheight="2" marginwidth="2"
scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-
top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
Tạo bài viết mới Chèn hộp thoại (shoutbox) vào 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. 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 để đă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
để 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:
/> /> /> /> /> /> /> (Dạng room, giao diện khá đẹp)
/>
