Hướng dẫn thêm nút like, tweet, +1, share vào cuối bài viết

Nhiều bạn đang thắc mắc cách thêm nút like facebook, tweet, g+ vào cuối bài viết của blogger/blogspot thì phải làm như thế nào. Bài viết này của mình sẽ hướng dẫn các bạn làm điều đó 1 cách dễ dàng.

Bước 1: Vào Blogspot => Mẫu (Templates) => chỉnh sửa HTML (Edit HTML).
Bước 2: Tìm đoạn code <data:post.body/> (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).
Bước 3: Dán code dưới đây ngay sau nó.

<!-- buton like facebook cuối bài viết --> <br/> <img src="http://1.bp.blogspot.com/-yFZ2JLLF4VY/VG2cwXe23nI/AAAAAAAAARI/nasjXR_Uhr8/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>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<!-- buton like facebook cuối bài viết --> <br/> <img src="http://1.bp.blogspot.com/-yFZ2JLLF4VY/VG2cwXe23nI/AAAAAAAAARI/nasjXR_Uhr8/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>

Bước 4: Lưu lại và kiểm tra thử xem được chưa nhé.

Như vậy là bạn đã thêm được nút like facebook, tweet, g+ vào cuối mỗi bài viết của blogspot rồi. Chúc các bạn thành công.