Hướng dẫn gắn nút like facebook cho blogger

by 3:43:00 PM 0 nhận xét
Một blogger cần phải có nhiều kênh chia sẻ trong đó mạng xã hội Facebook là không thể thiếu. Để dễ dàng like và chia sẻ bài viết hay bạn chỉ cần đặt nút like tại trang chi tiết blog là được.
Sau đây là hướng dẫn nhanh cách gắn nút like (Like button) Facebook cho trang chi tiết blogger:


Bạn vào link sau để lấy code nút like Facebook: https://developers.facebook.com/docs/plugins/like-button

Điền đầy đủ các thông tin cần thiết như kích thước Width, bố cục (Layout) rồi nhấn Get Code, chú ý phần URL to Like bạn cứ để mặc định, khi gắn code vào template sẽ chỉnh lại sau.

Sau khi nhấn Get Code bạn được đoạn code 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/vi_VN/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Đăng nhập Blogger => Template => Edit => Chèn đoạn code trên vào sau thẻ <body> trong template của bạn.

Bước tiếp theo là gắn nút like vào vị trí mong muốn của bạn, thường thì nút like nằm dưới cuối cùng bài viết trong thẻ <div class="post hentry...

Sau khi tìm đến vị trí cần đặt nút like bạn dán đoạn code này vào, nhấn Save là được.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-like' data-action='like' data-layout='button_count' data-share='true' data-show-faces='false' expr:href='data:blog.url'></div>
</b:if>

Chúc các bạn thành công!


- Tạo widget Bài Viết Mới Nhất (Recent Post) có ảnh thumbnail cho Blogger
- Hướng dẫn upload file js, css hay images lên Google Drive sử dụng cho Blogger hoặc website
- Ebook hướng dẫn cách tạo và chỉnh sửa một Blogger Templates
- Cách gắn breadcrumbs cho blogger
- Hướng dẫn tạo trang liên hệ cho Blogger
- Hướng dẫn gắn các thẻ meta OpenGraph vào blogger
- Hướng dẫn sửa lỗi cấu trúc dữ liệu (Structured Data) trong Blogger 


Thảo luận

0 nhận xét:

Post a Comment