Skip to main content

Thêm widget facebook LIKE - FOLLOW - SEND vào website, blog

Facebook là mạng xã hội phổ biến nhất thế giới, và đương nhiên là nơi rất tốt để chúng ta quảng bá website, blog của mình đến bạn bè và rộng rãi cộng đồng mạng.Vì thế thêm nút like, send hay follow weblog của bạn là điều vô cùng cần thiết.
Có rất nhiều bài viết hướng dẫn thêm widget có sẵn rất nhiều mạng xã hội như Google+, Facebook, Twitter, Digg,...nhưng đa số không cần thiết. Đối với Việt nam, chỉ có Facebook là thịnh hành ,Google+ thì ít ai dùng, Twitter,... thì càng không. Thế nên, tôi viết bài này chỉ giới thiệu cách thêm widget Facebook toàn tập, nhiều tùy chỉnh.
Thêm widget facebook LIKE - FOLLOW - SEND vào website, blog
Cách đơn giản nhất:
( 2 đoạn mã dưới đã được copy vào 1 file txt, bạn có thể download tại đây)
- Chỉ cần vào Edit HTML Template của blog, thêm đoạn mã sau vào trước thẻ đóng </body>
 <div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
- Sau đó, bạn tạo 1 widget dạng HTML/Script ở vị trí thích hợp trong blog của bạn (thường là ở cuối blog hoặc ở bên cạnh - sidebar), save lại là xong:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Các tùy chỉnh nâng cao:
Bạn cũng có thể thêm các tùy chỉnh theo sở thích của bạn bằng cách vào trang develop của Facebook bằng link sau: https://developers.facebook.com/ và thiết lập các tùy chỉnh theo ý mình và làm theo Facebook đã hướng dẫn (đương nhiên bằng tiếng Anh)
Chúc các bạn thành công!
Và cuối cùng, nếu làm theo hướng dẫn vẫn ko được, bạn có thể liên hệ với tôi để được hướng dẫn, giúp đỡ chi tiết hơn.

Comments