Cách nhúng Facebook Recommendations Bar Widget cho Blogspot
Như các bạn đã biết, Facebook đã giới thiệu cho chúng ta thêm một plugin xã hội nữa là Facebook Recommendations Bar . Plugin này cho phép chúng ta hiển thị những bài viết liên quan dưới dạng đề xuất. Việc làm này sẽ giúp cho khách viếng thăm blog của các bạn sẽ có thể ở lại lâu hơn, đồng thời ...
Như các bạn đã biết, Facebook đã giới thiệu cho chúng ta thêm một plugin xã hội nữa là Facebook Recommendations Bar. Plugin này cho phép chúng ta hiển thị những bài viết liên quan dưới dạng đề xuất. Việc làm này sẽ giúp cho khách viếng thăm blog của các bạn sẽ có thể ở lại lâu hơn, đồng thời cũng giúp các bạn tăng lượt truy cập blog của mình lên rất nhiều.
Để hiểu rõ hơn về Plugin này, các bạn có thể xem minh họa ở mình bên dưới :
Để có thể sử dụng Facebook Recommendations Bar cho mỗi blog , các bạn cần chèn đoạn code sau vào bên dưới thẻ <head>
<b:if cond='data:blog.pageType == "item"'> <meta content='article' property='og:type'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.pageName' property='og:title'/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> </b:if> <b:else/> <meta expr:content='data:blog.title' property='og:title'/> <meta content='website' property='og:type'/> </b:if> <meta expr:content='"en_US"' property='og:locale'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
1 : Vào trang Facebook Recommendations Bar Official Page.
2 : Nhấp vào nút Get Code.
3 . Click vào link Create a new app.
4 Nhập tên tiêu đề blog của các bạn trong mục App Name và App URL sẽ là đường dẫn đến blog của các bạn. Sau đó nhấn nút Continue để tiếp tục.
5 Nhập code Captcha rồi nhấn nút Submit
6 Bây giờ chúng ta sẽ quay lại và nhấn nút Get Code lần nữa.
7. Copy đoạn code đầu tiên như trong hình sau:
8 Đăng nhập vào Blogger Dashboard chọn Blog của bạn rồi click vào More Options.
9 Chọn Template – > Click vào Edit HTML > Proceed.
10 Đánh dấu vào checkbox Expand Template Widgets .
11 Nhấn Ctrl + F rồi tìm kiếm với từ khóa <body> rồi đặt đoạn code mà chúng ta copy ở bước 7 vào ngay sau nó.
12 Tìm kiếm tiếp với từ khóa <data:post.body/> rồi đặt đoạn code sau ngay sau nó.
<b:if cond='data:blog.pageType == "item"'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2"></div></b:if>
13 Save Template lại và kết thúc ^^.
Từ bây giờ các bạn có thể tăng thêm lượt truy cập cho blog của mình với thủ thuật đơn giản trong bài viết này. Nếu trong bài viết có gì gây khó hiểu cho các bạn trong quá trình hoàn thành thì nhớ để lại comments nhé. Mình sẽ giúp các bạn hoàn thành bài viết.
Chúc các bạn thành công !
Chuyên Mục: Blogspot
Bài viết được đăng bởi webmaster
