Thêm bộ nút like, send, share và follow lên Facebook cho Blogger

Facebook là một mạng xã hội khổng lồ với hơn tỉ thành viên, nếu bạn biết cách chia sẻ thông tin lên đó thì Facebook sẽ mang lại cho bạn một lượng truy cập không hề nhỏ. Và để có thể dễ dàng chia sẻ thông tin lên Facebook thì họ cung cấp cho chúng ta bộ ba plugin là : Like, send và share. Hôm nay chúng ta cùng tìm hiểu cách để đưa bộ ba plugin đó vào blog nhé.

#1-Tạo một app trên Facebook

Mình cũng chẳng biết chức năng của cái app này là gì nữa nhưng để cho mấy cái nút này hoạt động thì bạn cần có nó. Bạn hãy tạo một cái theo hướng dẫn của BÀI NÀY.

Sau khi bạn tạo app xong và chắc chắn nó đã được bật thì ta sẽ đi lấy ID của app:

1. Truy cập: https://developers.facebook.com/apps/

2. Bây giờ sẽ có một loạt các app mà bạn đã tạo cùng ID của nó, bạn hãy lấy cái ID của nó, lấy ID của cái nào có đèn màu lục cạnh tên nhé - còn những cái mà đèn chưa bật nghĩa là bạn phải xem lại bài hướng dẫn này.

ID là dãy số gồm 15 chữ số dưới tên của app nhé.

#2-Code

1. Code nút like

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fkhanh98.blogspot.com&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80&amp;appId=1509890279224869" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>

2. Code nút Share

<iframe src="//www.facebook.com/plugins/share_button.php?href=http%3A%2F%2Fkhanh98.blogspot.com&amp;layout=button_count&amp;appId=1509890279224869" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowTransparency="true"></iframe>

3. Code nút follow

<iframe src="//www.facebook.com/plugins/follow.php?href=https%3A%2F%2Fwww.facebook.com%2Fquockhanh.bui.50&amp;width&amp;height=80&amp;colorscheme=light&amp;layout=standard&amp;show_faces=true&amp;appId=1509890279224869" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>

4. Code nút send
Cái nút send này hơi phiền phức vì không có code nhúng:

<fb:send href="http://khanh98.blogspot.com" colorscheme="light"></fb:send>

Lưu ý:

Thay khanh98.blogspot.com thành địa chỉ blog của bạn
Thay dãy 1509890279224869 thành ID app của bạn
Thay quockhanh.bui.50 thành ID trang cá nhân của bạn trên Facebook. Bạn hãy truy cập vào trang cá nhân trên Facebook rồi lấy đoạn sau http://www.facebook.com/ trên thanh địa chỉ của trình duyệt

#3-Nhúng vào blog

1. Đăng nhập Blogger

2. Bố cục > Thêm tiện ích > HTML/Javascript

3. Chèn mấy cái code ở #2 vào dưới thẻ mà bạn tìm, chèn mấy cái cũng được, không yêu cầu chèn hết nhưng nếu bạn chèn nút send thì làm tiếp vài bước dưới đây:

5. Mẫu > Chỉnh sửa HTML

6. Tìm thẻ <html và thay thế thành

<html xmlns:fb="http://ogp.me/ns/fb#"

7. Tìm thẻ body mở

<body expr:class='"loading" + data:blog.mobileClass'>

Hoặc

<body>

Cứ tìm với <body là ra hết nhé
Tìm xong thì dán code dưới vào dưới thẻ mà bạn vừa tìm

<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>

8. Vậy là xong, lưu mẫu lại và xem kết quả nhé.
Nếu có thắc mắc gì thì hãy bình luận nhé.

Khanh blog

Search This Blog