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&#8217; type=’text/javascript’/>

                      </div>

                    </b:if>

 

cach them nut like tweet +1 share vao cuoi bai viet

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

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

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

 

Leave a comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: