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:

VinaBlog.blogspot.com
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é.

About these ads

22 phản hồi

  1. Minh muon chen Yahoo Chat nay vao Embeb bang cach nao vay? Vui long huong dan minh voi.

    Cam on nhieu
    TDT

  2. Vui long huong dan qua email.
    Cam on nhieu
    TDT

  3. Ở đây bạn nên sử dụng đoạn code ở mục I.3 , chèn vào thành phần đầu của trang, hay đối với trang wordpress như J.Minh đây, thì bạn chèn nó vào 1 text (điều kiện yêu cầu là text này phải hiểu được mã HTML). Chúc các bạn vui vẽ! JohnyMinh

  4. bạn ơi, mình vẫn chưa làm đc. chèn vào thành phần đầu của trang là sao bạn? bạn có thể chỉ mình chi tiết 1 chút đc ko? cám ơn bạn nhìu nhìu lắm. blog của mình là .blogspot.

  5. cảm ơn rất hay,tamcao.net

  6. bạn ơi cho mih hoi xiu, minh co lam giong nhu huong dan thi post len web ok. nhung minh copy cua Email HTML cua trang skype vao email de gui cho khach hang nhung no khong hien thi bieu tuong skype ma chi la doan code thoi.

    Thanks

  7. Chào Bạn ! minh muốn giao lưu web với bạn, logo cua 2 web sẽ xuất hiện trên 2 web của mình và bạn !

  8. HTML/JavaScript trên Blogger hay dán vào mã nguồn website nằm ở phần nào, ở đâu vậy bạn?

  9. mình muốn lấy các biểu tưởng yahoo /skype của mình, thì làm sao vậy bạn?

  10. bạn ơi! mình muốn lấy cái biểu tượng online/ofline yahoo do mình thiết kế thì làm sao bạn?( mình làm theo bạn chĩ được rồi, nhưng cái biểu tượng của yahoo nó to quá so với cái table online của mình, nên mình muốm lấy cái của mình thiết kế).

  11. Nếu bạn muốn dùng ảnh khác ngoài ảnh của yahoo thì đây là công cụ hay:

    http://www.saigonit.com.vn/Yahoo/

  12. Rat cam on! Lau roi khong chen,,,yahoo va skype nen hom nay tim da thay lai thong tin…. Cam on nhieu!

  13. cảm ơn bạn nhieu nhe, một bài viết rất hữu ích

  14. bạn cho mình hỏi chút nha, minh online skype có lúc nó hiện online có lúc offline là bị sao vậy bạn???

  15. Các bạn ơi!!! Skype name đó mình nhập vào chỗ nào theo bước 1 đã nói đó!!!
    Mình chưa rõ lắm!!
    khi mình coppy và dán code HTML vào là dc cái Hình và cái nút online r nhưng chưa Hiểu dc chỗ điền Name Skype mình ở đâu???
    Nhờ các bạn chỉ thêm Cảm ơn!!

  16. tại sao mình làm hình ảnh online hay offline xong rồi.
    người khác muốn chat với mình lại không đc.click hay click đúp vào hình ảnh cũng không đc.
    mong bạn giải đáp và hướng dẫn mình cụ thể.thanks

  17. tại sao mình làm hình ảnh online hay offline xong rồi.
    người khác muốn chat với mình lại không đc.click hay click đúp vào hình ảnh cũng không đc.
    mong bạn giải đáp và hướng dẫn mình cụ thể.thanks

  18. Mình cài rồi nhưng muốn thay đổi hình ảnh hiển thị của yahoo thì làm thế nào vậy bạn?
    Thank 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

Theo dõi

Get every new post delivered to your Inbox.

%d bloggers like this: