Cách nhúng Facebook Recommendations Bar Widget cho Blogspot

10/01/2014

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ách nhúng Facebook Recommendations Bar Widget cho Blogspot

Để 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>

<!-- Begin Open Graph metadata -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
	<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='&quot;en_US&quot;' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- End Open Graph metadata -->

1 : Vào trang Facebook Recommendations Bar Official Page.

2 : Nhấp vào nút Get Code.

Cách nhúng Facebook Recommendations Bar Widget cho Blogspot

3 . Click vào link Create a new app.

Cách nhúng Facebook Recommendations Bar Widget cho Blogspot

Nhập tên tiêu đề blog của các bạn trong mục App NameApp URL sẽ là đường dẫn đến blog của các bạn. Sau đó nhấn nút Continue để tiếp tục.

Cách nhúng Facebook Recommendations Bar Widget cho Blogspot

5 Nhập code Captcha rồi nhấn nút Submit

Cách nhúng Facebook Recommendations Bar Widget cho Blogspot

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:

Cách nhúng Facebook Recommendations Bar Widget cho Blogspot

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 == &quot;item&quot;'><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:

Bài viết được đăng bởi webmaster

Nếu các bạn thấy bài viết hữu ích thì giúp mình Like cái nhé !