Hướng dẫn thêm nút Like +1 Share cuối bài viết Blospot

Chào anh em 4rum, Hôm mình xin phép chia sẻ với các nhà 1 thủ thuật nhỏ cho blogspot, Hi vọng qua bài viết này sẽ giúp được anh em ít nhiều trong việc setup blogspot đẹp.

Để tạo được nút Like +1 Share cuối bài viết Blospot bạn làm như sau:

Bước 1: Đăng nhập Blogspot ==> Templates(Mẫu) ==> Edit HTML (chỉnh sửa HTML)

==> Khuyến khích các bạn down toàn bộ code về rồi sửa bằng Notepad ++ . Chú ý trước khi sửa sao lấy 1 bản gốc để tránh trường hợp code lỗi ko khôi phục được

Bước 2: Tìm một trong các đoạn code bên dưới:


Đoạn 1:
<dataost.body/>
Đoạn 2:
<div class='post-footer'>
Đoạn 3:
<div class='post-footer-line post-footer-line-1'>
Đoạn 4:
<div class='post-footer-line post-footer-line-2'>
Đoạn 5:
<div class='post-footer-line post-footer-line-3'>
Rồi thêm đoạn code dưới đây xuống dưới đoạn code trên (chú ý thay lần lượt chứ không phải thay tất nhé. Bạn thay từng cái 1 lưu temp lại và ra load lại trang xem nó hiển thị đúng chưa nếu đúng rồi thì ok đã thành công nhé)
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:3px solid #bbb;border-bottom:1px solid #bbb;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#666'>

LIKE and Share this article:

:
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' glusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
</div>
</b:if>
Các bạn lưu lại ra check lại xem hiển thị ok chưa

Chúc các bạn thành công ! Gặp vấn đề gì vui lòng comment xuống dưới để được hỗ trợ