Hướng dẫn tạo nút like, share, +1 các mạng xã hội

Một số bạn tự chỉnh sửa hoặc down một số mẫu cuối bài viết không có các nút like, share, +1 các mạng xã hội tiện cho việc chia sẻ nếu độc giả thấy nội dụng hay, bổ ích. Hôm nay mình xin chia sẻ cách tạo các nút này chi tiết nhất.

Demo

Bước 1:
Đăng nhập vào blogspot -> Chọn mẫu (templates) -> Chỉnh sửa HTML (Edit HTML)

Bước 2: 
Tìm đoạn code <data:post.body/> (Tìm kiếm nhanh ctrl + f rồi dán đoạn code bạn cần tìm và enter)

Bước 3: 
Dán đoạn code dưới đây (chú ý: thường blog có ít nhất 2 thẻ <data:post.body/> các bạn chịu khó thay lần lượt nếu các bạn không thấy nó hiển thị)

<br/>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo5GB87-QKnvHS9wgpb4IznftCPk9sWLTx4DDDvrQpWN0Qp5EmvG0WSqeyqLnIoSO_rNMCF451ZiZ4Kk6x1HniUG8S8winidCLFJYjU_g4QZuzJ_IpJLdYwqOvVpt4s_sdOwOCrCQhMGQ/s1600/thich_img.png'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>
<strong>
</strong>
</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' g:plusone: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>
</div>

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