Demo ngay tại blog này và đừng quên Like khi thấy nó xuất hiện nhé :D
Bước 1: Tạo ứng dụng trên Facebook
1.Đăng nhập vào Facebook Apps
2.Nhấp chuột vào nút Create New App ở phía trên bên phải
3.Trong hộp thoại bật lên, gõ "Tên Blog Của Bạn" và các tùy chọn khác cứ để mặc định. Nhấp vào tiếp tục và nhập mã bảo mật. Nhấp vào Submit
4.Hiện ra một trang mới bạn đừng quan tâm về những thứ khác mà hãy chỉ điền địa chỉ blog của mình vào Website with Facebook Login như hình dưới.
Cuối cùng Apps của bạn đã được tạo ra! Và chúng ta tiếp tục tiến hành Bước 2.
Bước 2: Thêm "Recommendations Bar" vào blog của bạn
Thực hiện theo các bước sau:
1.Tới Blogger> Mẫu
2.Sao lưu mẫu của bạn
3.Nhấp vào Chỉnh sửa HTML
4.Tìm kiếm <HTML và thêm ngay sau nó thẻ này
xmlns:fb='http://www.facebook.com/2008/fbml'
5.Tìm thẻ <body> và dán ngay sau nó đoạn code sau
<div id='fb-root'/>
<script>
//<![CDATA[
(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&appId=App ID ở bước 1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://www.troll.blogspot.com' trigger='40%'/></div>
</b:if></b:if>
6.Lưu lại
Bây giờ các bạn thử vào một bài viết nào đó trên blog của mình rồi kéo thanh trượt xuống khoảng 50% và đợi vài giây để xem thành quả của mình nào!
Các bạn có thể tùy biến code trên theo ý mình theo hướng dẫn dưới đây
- max_age: sẽ quyết định giới hạn tuổi của các bài viết. Đôi khi bạn không muốn hiển thị bài viết quá cũ, do đó bạn có không cho hiển thị bài viết từ 1 đến mức tối đa là 180 ngày. Nếu bạn không muốn tùy chọn này thì cứ để cho nó là 0 như mặc định.
- num_recommendations: Thiết lập hiển thị số bài viết bằng cách tăng hoặc giảm giá trị 3
- read_time: Sau khi độc giả có mặt tại bài viết của bạn vào một thời gian nhất định "Recommendations Bar" sẽ xuất hiện. Mình để nó bằng với 10 giây, bạn có thể tăng đến 30 hoặc nhiều như bạn muốn.
- side: Bạn có thể quyết định vị trí của các plugin. Theo mặc định nó hiển thị lên về phía góc dưới cùng bên phải của trang của bạn. Bạn có thể thiết lập nó nổi bên trái bằng cách thay right bằng left
- trigger: Sau khi độc giả kéo thanh trượt xuống đến một mức nhất định "Recommendations Bar" sẽ được mở ta. Bạn có thể thay đổi vị trí đó bằng cách thay đổi % cho nó thay vì mặc định mình để là 40%
- Nếu muốn widget sẽ hiển thị cả trên trang chủ hoặc các trang tĩnh bạn chỉ cần xóa các dòng mình bôi màu xanh.
Bài viết trên mình dịch từ MBT, bạn có thể tham khảo bài viết gốc tại đây
3 comments
xmlns:fb='http://www.facebook.com/2008/fbml
không hiểu đoạn này lắm.
lỗi thế này: Lỗi khi phân tích cú pháp XML, dòng 3, cột 14: Element type "htmlxmlns:fb" must be followed by either attribute specifications, ">" or "/>".
Đầy đủ là thế này
[co="red"]<HTML xmlns:fb='http://www.facebook.com/2008/fbml' [/co]
Nhưng nếu tìm trong template của bạn có [co="red"]xmlns:fb='http://www.facebook.com/2008/fbml' [/co]rồi thì bỏ qua bước này
Cảm ơn bạn đã ghé thăm Troll VL !
Insert Emoticons» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>
Mã Hóa Code Tạo và xem trước comments Cancel Reply
&Convert
'Convert
"Convert
<Convert
>