Để 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>
<!-- Begin Open Graph metadata -->
<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'/>
<!-- End Open Graph metadata --> 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:
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 !
Xem Thêm :
+1.PNG)
Đăng nhận xét