Blogger cho phép thêm share buttons trong bài viết

Đã từ lâu tính năng chia sẻ đã được tích hợp vào các blog. Có rất nhiều hướng dẫn giúp bạn có thể tạo được những nút chia sẻ bài viết rất bắt mắt để đưa vào blog. Nắm bắt được nhu cầu của người dùng, Blogger đã cho phép thêm tính năng chia sẻ bài viết mà không cần code của bên thứ 3. Chúng ta cùng tìm hiểu cách làm nhé.

Bạn đăng nhập vào trang quản trị blog, chọn mục Design và chọn Edit bên dưới khung Blog posts. Kết quả như hình dưới.

Thêm nút chia sẻ bài viết

Bạn đánh dấu vào mục Show share Buttons, lưu lại và kiểm tra kết quả.

Trong trường hợp bạn vẫn chưa thấy các nút này xuất hiện thì có thể template của bạn đã bị tùy chỉnh nên chúng chưa hiển thị được, bạn làm như sau.

Vào phần Edit HTML, chọn Expand Widget Templates. Các bạn tìm tới đoạn code có dạng như sau:

<div class='post-footer'>
hoặc
<div class='post-footer-line post-footer-line-1'>
hoặc
<iv class="post-footer-line post-footer-line-2">
hoặc
<div class="post-footer-line post-footer-line-3">
hoặc
<data:post.body>

Lưu ý: Ở đây mình hướng dẫn chung cho tất cả các blog, có thể template của bạn chỉ có một trong các dòng code trên.


Sau khi tìm thấy bạn thêm đoạn code dưới đây vào ngay sau nó:

<div style="clear: both;">
<div class="post-share-buttons">
<b:include data="post" name="shareButtons">
</b:include></div>

Lưu thay đổi vừa thực hiện, kiểm tra kết quả bạn sẽ thấy các nút chia sẻ nằm ở cuối bài viết.
Nếu muốn các nút chia sẻ xuất hiện ngay bên dưới tiêu đề bài viết, bạn tìm tới một trong các dòng sau:
<div class="post-header">
<div class="post-header-line-1">
</div>
và thêm đoạn code bên trên ngay trước nó.
Lưu ý: Bạn có thể sẽ không tìm thấy đoạn code trên nếu template đã có những tùy chỉnh nhất định.

Posted by Pavel