Chia sẻ bài viết trên blogger/ blogspot trên các mạng xã hội

Có lẽ bạn không còn xa lạ gì với các biểu tượng mạng xã hội như: nút Like của facebook, nút +1 của Google+ hoặc của Twitter và một vài các mạng xã hội khác xuất hiện trên các trang web khác nhau. Lợi ích của việc nhúng các biểu tượng này là tạo ra phương tiện để phản hồi nhanh chóng nhất của người đọc đối với nội dung bài viết. Với một lần bấm like nghĩa là bạn đã chia sẻ nội dung bài viết lên Facebook một cách nhanh chóng.

Vậy bạn có muốn nhúng các biểu tượng này trên blog của bạn không nào?

Tôi sẽ hướng dẫn thủ thuật đơn giản dưới đây để các blogger cùng tận hưởng sức mạnh của mạng xã hội nhé.

1. Đăng ký để nhận code

Bạn truy cập trang: https://www.addthis.com để nhận code nhúng cho blog của bạn, ở đây có rất nhiều mẫu để bạn lựa chọn:

Thôi thì để cho nhanh bạn hãy sử dụng code bên dưới này và tiến hành luôn cho đỡ mệt nha:

<div class='addthis_toolbox addthis_floating_style addthis_counter_style' style='left:1px;top:250px;'>
<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 src='//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-50dd91bc3816efd5' type='text/javascript'/>

2. Bạn truy cập vào phần chỉnh sửa mẫu

Chỉnh sủa HTML và tìm thẻ </body>. Dán đoạn code trên ngay trước thẻ </body> và chỉnh lại một số thông số phần mầu xanh như sau:

left: là khoảng cách từ cạnh màn hình bên trái tới hàng biểu tượng, bạn có thể thay đổi giá trị 1px thành các giá trị tùy ý, giá trị càng lớn thì hàng biểu tượng càng xa cạnh trái của màn hình. Ngoài ra bạn cũng có thể thay đổi left thành right để chuyển chúng sang bên cạnh phải của màn hình.

top: là khoảng cách tính từ đỉnh màn hình xuống hàng biểu tượng, bạn có thể thay đổi giá trị này