Like Facebook đẹp cho Widget Share This Page của Xenforo

Mã nguồn Xenforo tích hợp sẵn Widget Share This Page để share trang lên các mạng xã hội như Facebook, Twitter, Google Plus.
Sau đây mình sẽ hướng dẫn các bạn chỉnh sửa nút Like Facebook mặc định, hiển thị số người Like, ai đã Like.

Nút Like Facebook mặc định:

Sau khi chỉnh sửa:

Rất đơn giản, bạn vào trang quản trị, tìm & mở template

Sau đó bạn tìm đến dòng

Mã:

<fb:like href="{$url}" layout="button_count" action="{$xenOptions.facebookLikeAction}" font="trebuchet ms" colorscheme="@fbColorScheme"></fb:like>

Bạn chỉ việc sửa

thành

Kích cỡ layout mặc định khá lớn nên bạn có thể gặp tình trạng icon tràn ra ngoài Widget. Để khắc phục bạn cần cố định kích cỡ bằng cách thay cả dòng

Mã:

<fb:like href="{$url}" layout="button_count" action="{$xenOptions.facebookLikeAction}" font="trebuchet ms" colorscheme="@fbColorScheme"></fb:like>

bằng dòng

Mã:

<fb:like href="{$url}" send="false" width="200" show_faces="true" font="arial"></fb:like>

(Sửa độ rộng width="200" cho phù hợp với forum của bạn nhé! )

Lưu ý: Chức năng Like Facebook chỉ hiển thị khi bạn đã khai báo ứng dụng trang Web cho Facebook & kết nối thành công. Để kiểm tra bạn vào Tools -> Test Facebook Integration.

Chúc bạn thành công!

Share thêm nút +1 đẹp cho bạn nào dùng Google Plus đây!!!
Thay dòng mặc định:

Mã:

<div class="g-plusone" data-size="medium" data-count="true" data-href="{$url}"></div>

Bằng dòng:

Mã:

<div class="g-plusone" data-size="medium" data-count="true" data-href="{$url}" data-annotation="inline" data-width="200"></div>

Demo: http://nguoibaclieu.com/diendan/

Chúc bạn thành công!