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:
Đăng nhập Blogger => Template => Edit => Chèn đoạn code trên vào sau thẻ <body> trong template của bạn.<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>
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 == "item"'> <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
0 nhận xét:
Post a Comment