Facebook Activity Feed là một plugin của mạng xã hội facebook dành cho các blog và website nhằm tăng sự tương tác giữa người dùng facebook với các blogger/website. Tiện ích này rất tốt trong việc tăng lưu lượng truy cập cho blog/web của bạn với hơn 1 tỷ người dùng đăng ký của Facebook. Plugin này hiển thị các bài viết và khuyến cáo những bài viết mới được yêu thích bởi những người bạn của khách truy cập trang web của bạn. Vì vậy, nó được xây dựng để thu hút độc giả để truy cập vào trang web của bạn để tìm hiểu những gì bạn bè của họ thích. Nếu bạn đang sử dụng Facebook recommendations bar trong blog của bạn thì bạn sẽ cảm thấy hài lòng khi biết rằng plugin này cũng hiển thị các bài viết khuyến nghị cùng với các lượt like gần đây dựa trên các hoạt động xã hội được thực hiện trên các trang bài viết trong blog của bạn.
Xem Demo bên dưới hoặc ảnh minh họa bên cạnh:
VIEW DEMO
Để thêm nó vào blog blogger của bạn chỉ cần vài bước đơn giản.
» Thêm plugin Facebook Activity Feed cho blogger.
1- Đăng nhập vào Blogger.2- Chọn mẫu (Template).
3- Sao lưu mẫu của bạn để đề phòng sảy ra lỗi khi áp dụng thủ thuật này.
4- Nhấp chọn vào Chỉnh sửa HTML (Edit HTML).
- Nếu blog bạn đã cài plugin Facebook recommendations bar thì bạn có thể bỏ qua bước này và tiến hành bước #5.
- Tìm đoạn code sau:
<body>hoặc:
<body expr:class='"loading" + data:blog.mobileClass'>
- Thêm vào sau đoạn code vừa tìm được mã sau:
<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>
- Lưu mẫu lại
5- Quay trở lại Blogger => Vào phần bố cục (layout).
6- Bấm chọn thêm tiện ích (add Widget) => Tạo một tiện ích HTML/Javascript và dán code bên dưới vào.
<div class="fb-activity" data-site="http://namkna.blogspot.com" data-width="300" data-height="450" data-border-color="#ffffff" data-header="false" data-recommendations="true"></div>
Tùy chỉnh đoạn code:
- Thay thế http://namkna.blogspot.com thành URL trang web của bạn.
- Namkna đã thiết lập chiều rộng 300 pixel (300) và chiều cao là 450 pixel (450) . Điều chỉnh chúng sao cho phù hợp với bố cục blog của bạn chỉ. Tăng chiều cao nếu bạn muốn hiển thị nhiều bài viết bên trong plugin.
- Để ẩn các đường viền màu xanh trên plugin, tôi đã thiết lập đường viền sang màu trắng. Nếu sidebar của bạn có nền màu khác nhau, hãy điều chỉnh màu nền bằng cách chỉnh sửa: #ffffff
- Mẹo: Sử dụng công cụ lấy mã màu của namkna tại đây.
- Bạn bè thích xuất hiện ở trên và bài viết khuyến nghị xuất hiện phía dưới như các chức danh in đậm. Nếu trong trường hợp bạn không muốn các plugin để hiển thị những bài viết khuyến nghị thì bạn có thể tắt bằng cách thay thế true thành false.
- Để hiển thị tiêu đề của box bạn sửa data-header="false" thành data-header="true".
7. Lưu widget lại!
- Quay trở lại blog của bạn để xem nó hoạt động thế nào nha.
¤ Cần giúp đỡ?
Thêm widget khá dễ dàng, nhưng nếu bạn vẫn còn gặp phải bất kỳ khó khăn nào trong khi áp dụng chỉ cần gửi thắc mắc của bạn ở phần comment cuối bài viết này và namkna sẽ trả lời.
Các widget cũng có thể được điều khiển thông qua tài khoản Facebook của bạn bằng cách thêm một ID ứng dụng bên trong các mã JavaScript. nhưng chúng ta nên tránh làm những điều phức tạp.
Namkna hy vọng plugin này sẽ giúp tăng thêm số lưu lượng truy cập vào trang của bạn nhiều hơn và cải thiện kiểu hiển thị trang hiện tại. Chúc bạn thành công với những truy cập có giá trị.
Nhận xét
bác Nam ơi có cách nào tạo " like to download " cho blogspot ko ?
Trả lờiXóatức là ko họ click like mới download dc ý
trang này có hướng dẫn mà làm ko dc bác ạ http://jobyj.in/api/like-page-to-enable-download-file-link/
Oke bài tới mình sẽ hướng dẫn :}}
Trả lờiXóaNam ơi! Mẫu của mình ko thấy thẻ <body> mà chỉ thấy dòng <body> onLoad='Menubar()'> vậy phải làm so hả bạn
Trả lờiXóaXin lỗi là <body onLoad='Menubar()'>
Trả lờiXóaChèn sau đoạn đó đáy bạn.
XóaHi Namkna!
Trả lờiXóamình thấy cái giao diện của blog demo này đẹp: http://simplexenews1.blogspot.com/ và có cả code: http://azblogtips.com/freebies/premium-blogger-templates.html. nhưng sao khi dùng cho blog nó hiển thị như thế này:http://sachtamdac.blogspot.com/
không biết phải làm sao cho giống demo, mong sư huynh chỉ bảo giúp cho nhé!
Bạn tìm đoạn có dạng tương tự như bên dưới:
Xóalabel1 = "world";
Title1 = "WORLD";
label2 = "US";
Title2 = "US";
label3 = "entertainment";
Title3 = "Entertainment";
label4 = "business";
Title4 = "Business";
label5 = "Sports";
Title5 = "Sports";
label6 = "tech";
Title6 = "Technology";
label7 = "feature";
Title7 = "Feature";
label8 = "Topnews";
Title8 = "Latest News";
label9 = "headline";
Title9 = "Headline";
label10 = "editor";
Title10 = "Editor's picks";
label11 = "story";
Title11 = "Top Stories";
Thay những từ khóa trong các dấu ngoặc kép thành tên nhãn bạn muốn hiển thị recent post nha.
anh ơi, có thể hướng dẫn em làm cái phần
Trả lờiXóaĐăng ký ngay để nhận bài mới hoàn toàn miễn phí qua email của bạn
và cái phần like facebook ngay bên trên cái phần đó được không ạ
Em tải code về tại đây nha:
Xóahttps://www.box.com/s/hx93r4p3mp7bpsk2lrge
cám ơn anh nhé, blog của anh thật chuyên nghiệp :D
XóaKhông có gì đâu em :))
XóaDemo: http://namkna-test.blogspot.com/2013/04/demo-facebook-activity-feed-plugin-cho.html
Trả lờiXóaadd như cậu chỉ nhưng không được rồi :(
Trả lờiXóanó hiện lên
No recent activity to display.
Put some Like buttons on your website to engage your users. Details can be found here.
Xung đột code like cũ. hãy bấm vào "can be found here" để xem cách khắc phục nha.
Xóamuốn nó hiện như namka thì làm sao nhỉ hiện ở góc phải màn hình ấy :D
Trả lờiXóaXem bài này:
Xóahttp://namkna.blogspot.com/2012/12/add-facebook-recommendations-bar-blogger.html
Làm cách nào để hiện facebook như trên trang http://ghien.caph.es/ được namka?
Trả lờiXóaBạn chèn đoạn mã sau vào HTML/Javarscrip
Xóa<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/namkna.blogspot&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>
namkna.blogspot là id fanpage trên faceboook của bạn. nha.
Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóa