- Bài viết này Lãng Tử Studio chia sẻ với bạn Thủ thuật thêm Facebook Recommendations Bar cho blogspot
Mình làm Demon mới trên Blog thủ thuật vui
Yêu cầu:
- Có 1 tài khoản Facebook đã được xác thực (tài khoản FB được xác nhận qua số điện thoại, hiện tại Facebook khá chập chờn với việc gửi tin nhắn về SDT, mình chỉ nghe thoáng qua là sử dụng mạng Vinaphone có vẻ thành công hơn Viettel và MobiFone)
- Nếu tài khoản chưa được xác thực qua Mobile thì khi thực hiện tạo App, FB sẽ yêu cầu bạn.
Các bước làm thủ thuật
1. Đăng nhập vào Facebook và truy cập trang: https://developers.facebook.com/apps/
Bấm vào "Tạo ứng dụng mới"
Thủ thuật thêm Facebook Recommendations Bar cho blogspot |
Nhập Capcha và tiếp tục
Thủ thuật thêm Facebook Recommendations Bar cho blogspot |
Chúng ta đã tạo xong App
2. Đưa App vào Website hoặc Blogspot
Đây là thông tin App đã tạo. Bạn hãy nhớ lấy APP ID mình đã khoanh đỏ nhé, lát nữa mình dùng tới nó
2.1 Chỉnh sửa trong Blogger để đưa APP đó vào
- Vào bảng điều khiển Blogger -> mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
- Tìm tới và thay thế <html (ngay ở những dòng đầu tiên) và thay thế nó bằng <html xmlns:fb='http://ogp.me/ns/fb#'
- Dán đoạn code dưới đây vào sau thẻ <body>
<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=ID-APP";
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://thuthuat-vui.blogspot.com/' trigger='40%'/></div>
</b:if></b:if>
Trong đó
ID-APP: thay bằng con số mình đã lưu ý khoanh đỏ ở trên
num_recommendations='3' : Số lượng hiển thị Recommendations là 3
read_time='10': Thời gian 10s thì Recommendations sẽ hiển thị nhắc
side='right': hiển thị góc bên phải trình duyệt
trigger='40%': Tỷ lệ thanh cuộn trình duyệt kéo xuống thì Recommendations mới bật lên
Địa chỉ URL http://thuthuat-vui.blogspot.com các bạn thay bằng Blog của mình
LƯU MẪU LẠI VÀ XEM KẾT QUẢ. NẾU ĐỂ CÁC CON SỐ NHƯ DEMO THÌ BẠN KÉO TRÌNH DUYỆT XUỐNG KHOẢNG 50% VÀ CHỜ 10S NHÉ
- Nếu muốn Facebook Recommendations Bar hiển thị ở tất cả các trang thì bỏ đoạn mình bôi tím đi nhé
PS: Nếu acc FAcebook của bạn không xác nhận được bằng SDT thì có thể để lại comment, mình tạo App cho bạn để lấy số ID-APP
ID-APP: thay bằng con số mình đã lưu ý khoanh đỏ ở trên
num_recommendations='3' : Số lượng hiển thị Recommendations là 3
read_time='10': Thời gian 10s thì Recommendations sẽ hiển thị nhắc
side='right': hiển thị góc bên phải trình duyệt
trigger='40%': Tỷ lệ thanh cuộn trình duyệt kéo xuống thì Recommendations mới bật lên
Địa chỉ URL http://thuthuat-vui.blogspot.com các bạn thay bằng Blog của mình
LƯU MẪU LẠI VÀ XEM KẾT QUẢ. NẾU ĐỂ CÁC CON SỐ NHƯ DEMO THÌ BẠN KÉO TRÌNH DUYỆT XUỐNG KHOẢNG 50% VÀ CHỜ 10S NHÉ
- Nếu muốn Facebook Recommendations Bar hiển thị ở tất cả các trang thì bỏ đoạn mình bôi tím đi nhé
PS: Nếu acc FAcebook của bạn không xác nhận được bằng SDT thì có thể để lại comment, mình tạo App cho bạn để lấy số ID-APP
Xem nhiều thủ thuật hơn tại Lãng Tử Studio
Đừng quên Like và Share nếu thấy bài viết bổ ích
0 nhận xét:
Đăng nhận xét