Các dịch vụ web trực tuyến hỗ trợ Blog

1. Bộ đếm Histats Online:

o So với hàng loạt các bộ đếm Online miễn phí cùng loại hiện nay thì Histats.com tỏ ra vượt trội về mọi mặt về thẩm mỹ bên ngoài lẫn chất lượng bên trong.

o Truy cập vào địa chỉ http://www.histats.com/

o Nhấp Register để tiến hành đăng ký tài khoản người dùng.

o Lần lượt cung cấp các thông tin dịch vụ yêu cầu: email, mật khẩu, địa chỉ trang Blog sẽ nhúng bộ đếm Histats lên đó, xem hình 1.

Hình 1

o Chọn một nhóm kiểu bộ đếm trong các mẫu có sẵn (có 4 loại nhóm: bộ đếm 1, 2, 3, 4 dòng), ở đây tôi chọn bộ đếm 4 dòng Counter 4 lines, xem hình 2.

Hình 2

o Đánh dấu chọn tiếp một mẫu cụ thể trong danh sách thư viện, xem hình 3.

Hình 3

o Lựa chọn lại một số thông tin sẽ hiển thị trên giao diện của bộ đếm 4 dòng: tổng số khách viếng thăm, số khách thăm trong ngày, số khách đang Online trên Blog.. nhấp Continue để tiếp tục, xem hình 4.

Hình 4

o Sao chép đoạn mã nguồn trong khung thoại HTML để nhúng vào đúng Blog đã đăng ký ở bước một (bằng cơ chếHTML/JavaScript), xem hình 5.

Hình 5

2. Nhúng đồng hồ treo tường trên Blog:

o Truy cập vào trang web http://clocklink.com/gallery.php

o Lựa chọn kiểu đồng hồ treo tường trong thư viện chủ đề mẫu có sẵn, xem hình 6.

Hình 6

o Nhấp nút Accept để đồng ý với những điều khoản của dịch vụ, xem hình 7.

Hình 7

o Thiết lập các thông số cần thiết cho giao diện của chiếc đồng hồ: màu sắc, múi giờ chuẩn (nên để mặc định là tốt nhất, vì đồng hồ này chạy theo đồng hồ hệ thống của máy truy cập), kích thước hiển thị.

o Sau khi thiết lập xong, sao chép đoạn mã nguồn tương ứng để nhúng vào Blog (có hai đoạn Code: đoạn Code chuẩn – code 1 và đoạn code dự phòng – code 2 – để thay thế đoạn code 1 nếu không làm việc), xem hình 8.

Hình 8

3. Đồng hồ đếm ngược trên Blog:

o Loại đối tượng này thường được sử dụng trong trường hợp muốn đưa thông tin thời gian còn lại trước khi diễn ra một sự kiện quan trọng nào đó, ví dụ còn bao nhiêu thời gian nữa đến tết 2010, WordCup 2010…

o Truy cập vào địa chỉ http://www.7is7.com/otto/countdclock.html

o Lần lượt các thông số hoạt động cho đồng hồ: đếm ngược tới một thời điểm trong tương lai hoặc tính thời gian đã đi qua kể từ một sự kiện trong quá khứ (Type of clock), tiêu đề hiển thị cho đồng hồ (Title), mốc thời gian sẽ đếm tới(ngày, tháng, năm và thời gian thật cụ thể), hiển thị hoặc không các thành phần của thời gian trên giao diện Blog… xem hình 9.

Hình 9

o Thiết lập xong kéo thanh trượt xuống phía dưới giao diện trang web nhấp nút Generate iFrame Code để tạo đoạn mã lệnh đồng hồ đếm ngược nhúng vào Blog, xem hình 10.

Hình 10

o Hiển thị đồng hồ đếm ngược trên giao diện Blog cá nhận, xem hình 11.

Hình 11

4. Tạo hộp thoại Yahoo Chat trên Blog:

o  Đặt Nick Y!M Online trên Blog là một phương án được đa số Admin lựa chọn để  có thể trao đổi trực tiếp với người xem Blog.

o  Phương án 1: Nhúng Y!M đơn giản bằng mã Code cho Nick trandaiminhtri2002

<a href="ymsgr:sendim?trandaiminhtri2002"> <img src="http://opi.yahoo.com/online?u=trandaiminhtri2002&m=g&t=2" border="0">

o Phương án 2: Sử dụng chức năng tạo hộp thoại Chat PingBox của Y!M.

o Truy cập vào địa chỉ http://messenger.yahoo.com/

o Đăng nhập bằng Nick Y!M mình đã tạo.

o Nhấp chọn thẻ PingBox^TM, chọn tiếp nút Create a Pingbox màu vàng, xem hình 12.

Hình 12

o  Tiến hành các thao tác: định kích thước, màu sắc, đồng thời chọn đúng dịch vụ hỗ trợ mà mình tạo Blog ở khungChoose a websites to add new Pingbox để phát sinh đoạn mã nhúng tương ứng, xem hình 13.

Hình 13

o  Với phương pháp 2 Blog của bạn sẽ có một công cụ trao đổi trực tuyến dựa trên nền Y!M hết sức hiện đại và tính cách, xem hình 14.

Hình 14

5. Cbox tạo hộp thoại trao đổi trực tuyến cho tất cả khách viếng thăm:

o Pingbox của Y!M tuy mang tính chuyên nghiệp cao nhưng nếu các đối tượng cần trao đổi trực tuyến trên Blog lúc này kể cả Admin chưa sẵn sàng với một Y!M Online và nhu cầu trao đổi thông tin lúc này là Public giữa các thành viên thì Pingbox của Y!M chưa thõa mãn được nhu cầu đó.

o Hiện nay có khá nhiều dịch vụ hỗ trợ việc thiết kế hộp thoại Chat Online theo kiểu Public giữa các thành viên vàhttp://cbox.ws/ là một trong những đại diện xuất sắc nhất.

o Truy cập vào trang chủ http://cbox.ws/

o Nhấp nút Get your own free cbox now! để bắt đầu quá trình, xem hình 15.

Hình 15

o Lần lượt cung cấp các thông tin đăng ký mà dịch yêu cầu như: tên tài khoản trên Cbox, email, mật khẩu, ngôn ngữ - giao diện hiển thị, địa chỉ Blog sẽ đặt Cbox lên đó…nhấp Creat my Cbox để tiếp tục, xem hình 16.

Hình 16

o Mở Email đã đăng ký để tiến hành thao tác kích hoạt tài khoản lấy mã nguồn tạo hộp thoại Chat trên Cbox, xem hình 17.

Hình 17

o Nhúng đoạn mã nguồn vào Blog và xem kết quả, hình 18.

Hình 18

6. Tổng kết: Kết thúc phần 3 của loạt bài, với 5 phương pháp được đề cập hi vọng Blog của bạn sẽ ngày càng hoàn thiện và chuyên nghiệp (các phương pháp này đều tiến hành tương tự trên các dịch vụ Blog khác, kể cả nhúng trực tiếp trên websites hay  Forum)

Posted in: Thiết kế blogspot