[Blogspot] - Thêm nút Google plus, Facebook, Twitter bài viết Blogspot

Hướng dẫn thêm nút Like +1, Facebook, Twitter, Share cuối bài viết Blospot. Thêm nút Like +1, Facebook, Twitter cho bài viết Blogspot.Hướng dẫn thêm nút Like +1,Facebook, Twitter, Share cho bài viết Blogspot.

Chào mọi người thấy có nhiều bạn hỏi về vấn đề này nên mình viết bài hướng dẫn các bạn luôn ai chưa biết thì đọc nhé.

Demo ngay bài viết này

button-like-share-facebook-google

Để 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: Như blog của mình là đoạn này nhưng chú ý nó có mấy đạn như này bạn thử cho vào cái cuối cùng xem thế nào.

<data:post.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é)

<!-- AddThis Button BEGIN --><div class='addthis_toolbox addthis_default_style'><a class='addthis_button_facebook_like' fb:like:layout='box_count'/><a class='addthis_button_facebook_share' fb:share:layout='box_count'/><a class='addthis_button_google_plusone' g:plusone:size='tall'/><a class='addthis_button_tweet' tw:count='vertical'/></div>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-54055a54646a1a9f' type='text/javascript'/><!-- AddThis Button END -->

Giờ thì thử xem nào!!! chúc bạn thành công.

Nguồn: Bít Tuốt Blog