Thích Blogger

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

Hướng dẫn thêm nút like, tweet, +1, share vào cuối bài viết
3.8 (76%) 5 votes

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>

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.