Tạo nút like Facebook, Google+, Share tổng hợp cho Blogger

Cách tạo nút like Facebook, Google+, Share tổng hợp cho Blogger | Các bạn muốn tạo cho mình bộ nút like và share tổng hợp cho blog của mình? Hôm nay mình xin giới thiệu đến các bạn Addthis Button, công cụ này sẽ giúp bạn thực hiện điều đó! Nó sẽ giúp cho blog của bạn thu hút người truy cập qua việc chia sẻ các bài viết lên mọi mạng xã hội khác nhau.

Bây giờ chúng ta sẽ thực hiện việc công việc trên với vài thao tác đơn giản.

Cách thực hiện

Bước 1: Có 2 mẫu là đứng và ngang. Chọn mẫu mà bạn thích nhất. Sau đó vào Blogger > Bố cục và tạo một tiện ích HTML/Javascript đặt vào vị trí mà bạn thấy là phù hợp nhé.

Mẫu đứng

/*Add this*/

.addthis {position:fixed;background:#FFF;padding:10px;top: 250px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);}

.addthis a{display:block}

Mẫu ngang

/*Add this*/

.addthis {background:#FFF;padding:10px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);}

.addthis a{display:block}

Bước 2: Đăng nhập Blogger > Mẫu > Chỉnh sửa HTML > thêm đoạn code mình chia sẻ bên dưới đây vào trước thẻ đóng </body>.

<div class='addthis'>

<a class='addthis_button_facebook_like' fb:like:layout='box_count'/>

<a class='addthis_button_tweet' tw:count='vertical'/>

<a class='addthis_button_google_plusone' g:plusone:size='tall'/>

<a class='addthis_counter'/>

</div>

<script async='async' src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53a7f124426602cb' type='text/javascript'/>

Bước 3: Lưu mẫu để hoàn thành.

Bài viết hướng dẫn Cách tạo nút like Facebook, Google+, Share tổng hợp cho Blogger hi vọng sẽ hữu ích với các bạn.

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