Chèn trạng thái online Yahoo Messenger & Skype vào blog

I. Chèn Yahoo Messenger

Để tiện liên lạc với bạn bè, bạn có thể đưa thêm yahoo messenger chat vào trên blog hoặc web. Khi đó người xem chỉ cần click lên biểu tượng trên blog để bắt đầu gửi cho bạn message (tin nhắn). Ngoài ra người xem cũng có thể biết liệu bạn có online hay không.

Bạn có thể sử dùng nhiều cách như dưới đây (lưu ý các đoạn mã html này phải được đặt trong chế độ soạn thảo html)
Ví dụ nick của tôi là VinaBlogBS

1. Cách 1:

<a href=”ymsgr:sendim?vinablogbs”>Send me a message</a> sẽ có kết quả như dưới đây:
Send me a message

2. Cách 2: bạn muốn đưa vào message mặc định khi người sử dụng click vào bằng thuộc tính “m”. Message có khoảng trắng phải được thay bằng dấu “+”
Ví dụ:
<a href=”ymsgr:sendim?vinablogbs&m=Chao+mung+ban+den+
http://VinaBlog.blogspot.com+
Va+nhung+nguoi+ban+cua+ban!”>Gửi tin nhắn cho tôi</a>
sẽ có kết quả dưới đây.
Gửi tin nhắn cho tôi

3. Cách 3: đây là cách mà bạn thường hay thấy trên các trang web. Vì nó mang tính trực quan vào cũng cho người xem biết bạn có online hay không.

<a href=”ymsgr:sendim?NickCuaBan“>
<img src=”http://opi.yahoo.com/online?u=NickCuaBan&m=g&t=KieuHinh” alt=”Chữ sẽ hiển thị khi không có hình” border=0 height=”25″ width=”125″ >
</a>
Ở đây KieuHinh là các số 1, 2, hoặc 3 tương ứng với các hình có sẵn của Yahoo.Ngoài ra height: là chiều cao của hình, width: chiều rộng của hình (bạn có thể không cần dùng 2 thuộc tính này)

Ví dụ:
<a href=”ymsgr:sendim?vinablogbs”>
<img src=”http://opi.yahoo.com/online?u=vinablogbs&m=g&t=2&#8243; alt=”VinaBlog.blogspot.com” border=0>
</a> sẽ có kết quả như dưới đây:


II. Chèn Skype

iệc đầu tiên bạn cần làm là cho phép hiển thị trạng thái trực tuyến trên web. Để thực hiện bạn đăng nhập Skype, chọn thực đơn Tools -> Options -> Privacy và đánh dấu chọn Allow my status to be shown on the web.

Tiếp theo bạn click vào địa chỉ http://www.skype.com/share/buttons/ và thực hiện theo các bước.

Bước 1: Nhập Skype Name (Tên mà bạn dùng để đăng nhập trên Skype).

Bước 2: Lựa chọn biểu tượng hoặc click vào link này để tạo biểu tượng.

Bước 3: Xem hiển thị trước.

Bước 4: Khi đã ưng ý thì chép phần mã nằm trong Copy & pase this code để dán vào HTML/JavaScript trên Blogger hay dán vào mã nguồn website của bạn.

Bạn hãy thử xem nhé.