Cách thêm nút like, tweet, +1, share vào cuối bài viết

Có nhiều bạn hỏi cách thêm nút like, tweet, +1, share vào cuối bài viết nên hôm nay mình xin hướng dẫn cách thêm nút like, share, +1, tweet như sau:

B1: Vào Blogspot => Mẫu (Templates) => chỉnh sửa HTML (Edit HTML).

B2: Tìm đoạn code <div class='post-footer-line post-footer-line-3'>  (Mẹo để tìm đoạn code này nhanh là bạn Ctrl + F rồi dán đoạn code trên vào và enter).

B3: Dán đoạn code sau vào dưới dòng code <div class='post-footer-line post-footer-line-3'>:

<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>
                            LIKE and Share this article:
                          </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>

B4: Lưu lại và kiểm tra thử xem được như hình bên dưới chưa nhé: 

Như vậy là bạn đã biết cách thêm nút like, tweet, +1, share và cuối bài viết rồi đấy.

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

Thiều Kim Trọng