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

Đã 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, đơn giản và dễ dàng hơn.

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.

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

<div 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 là 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 (A) vào ngay sau nó:

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

Lưu thay đổi vừa thực hiện, thế là xong, 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.

Lưu ý: 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 (A) 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.

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

Bài viết có tham khảo từ http://www.vietutd.com