Thursday, September 5, 2013

Thủ thuật thêm Facebook Recommendations Bar cho blogspot

Bạn cũng có thể thích? - đó là 1 ứng dụng của Facebook Recommendations Bar cho phép người tạo ứng dụng đưa về Website, blog của mình. Với loại ứng dụng này thì Web bạn sẽ được nhiều lợi thế tăng lượng View, hướng người dùng tới những bài viết được xem nhiều...
- Bài viết này itviet360 chia sẻ với bạn Thủ thuật thêm Facebook Recommendations Bar cho blogspot
Thủ thuật thêm Facebook Recommendations Bar cho blogspot
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 tranghttps://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, thu thuat vui
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
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

0 nhận xét:

Post a Comment