Hướng dẫn chèn badget của Zini vào website.

Số là gần đây tớ có tham gia mạng xã hội zini.vn, cũng khá thích cái mạng này, nên nảy ra ý định dùng zini như là 1 chanel cho cái blog của mình.

Qua vài lần trao đổi với lại team zini thì được biết zini có hỗ trợ badget, tuy nhiên chưa public. Rỗi rãi mày mò nghịch ngợm, cuối cùng cũng đã nhúng được widget vào website.


Viết tạm 1 bài hướng dẫn nho nhỏ cho anh em nào có nhu cầu nhúng cái badget nhỏ xinh này.

Ưu điểm.


  1. Giao diện đẹp, màu sắc khá hợp với blog mình
  2. Tính năng cũng kiểu kiểu facebook
  3. Không bị chặn truy cập tại Việt Nam

Chú ý: Đây là tut không chính thức, không phải cách làm chính thức từ phía Zini đưa ra, chỉ là do mình tự mày mò ra mà thôi.

Bắt đầu nào.

Bước 1. Bạn phải đăng ký 1 tài khoản tại zini.vn. Bạn có thể sử dụng tính năng đăng nhập từ các user có sẵn của các mạng: Zingme, facebook, google, twitter hay Yahoo cho nhanh. Nếu không thì tự đăng ký cũng được:D


Bước 2. Sau khi đăng ký được tài khoản rồi ( hình như ko phải kích hoạt ), bạn đăng nhập vào tài khoản Zini của mình. Về cơ bản thì giao diện kiểu kiểu ntn

Đây là giao diện đăng nhập zini từ tài khoản của tớ, tài khoản mới thì có thể sẽ khác!

Bước 3. 2 bước trên chỉ là khởi tạo dịch vụ. Bước tiếp theo bạn cần phải xác định được id của tài khoản của mình. nó không phải username.

Nghĩa là, link zini của tớ là: http://zini.vn/nguyenanhung, username của tớ là nguyenanhung nhưng id của tớ là 1 con số được insert trong database, không phải là username trên. Bước 3 này tớ sẽ hướng dẫn các bạn cách lấy được cái số id đó.

Ở ví dụ này, tớ sử dụng trình duyệt Google Chrome, bạn có thể sử dụng Firefox, IE hay cờ rôm + đều được.

Ấn tổ hợp phím Ctrl + U để view mã nguồn của site, bạn sẽ thấy đoạn head sau.


Bạn chú ý đến đoạn ownerId: 101100483, mà tớ đã đóng khung màu đỏ nhé. dãy số sau chữ ownerId chính là id tài khoản của bạn. Như của mình thì id là: 101100483, bạn copy ghi nhớ dãy số này nhé.

Bước 4. Sau khi xác định được id của tài khoản mình, bạn sẽ chèn vào website của mình. Đây là đoạn mã chèn vào website

<iframe src="http://widget.zini.vn/wg/profile?uid=id_tai_khoan_cua_ban" scrolling="no" style="border: 1px solid #f15a24; overflow: hidden; width: 300px; height: 392px; margin-bottom: 20px;"></iframe>

chú ý nhé, chỗ id_tai_khoan_cua_ban bạn thay thế bằng id tài khoản mà đã xác định được ở bước 3. Ví dụ

<iframe src="http://widget.zini.vn/wg/profile?uid=101100483" scrolling="no" style="border: 1px solid #f15a24; overflow: hidden; width: 300px; height: 392px; margin-bottom: 20px;"></iframe>

OK, sau khi có đoạn mã này, bạn có thể dán vào bất cứ đâu trong blog, website của bạn nếu bạn muốn hiện :) Ví dụ minh họa ở ngay blog này tại Khung Zini nhé :d


Chú ý: Các hướng dẫn này là KHÔNG chính thức từ phía Zini. Là do tớ mày mò và nghĩ ra nhé. Không chịu trách nhiệm sau này nếu bạn làm theo hướng dẫn này :))

Để cái widget của bạn thêm sinh động thì nhớ update zini thường xuyên nhé:D
post-edit

Không có nhận xét nào :

- Không bình luận các vấn đề to lớn như chính trị và tôn giáo
- Nội dung nên liên quan tới bài viết.
- Hãy đóng góp ý kiến của bạn để Blog hoàn thiện hơn.