Hướng Dẫn Tạo Nút Like Và Share Vào Đầu Hoặc Cuối Bài Viết Cho Blogspot

Khi lướt web lấy thông tin, bạn thường thấy ở đầu hoặc cuối bài viết có nút Like, Share để ủng hộ bài viết đó. 

hôm nay mình sẽ hướng dẫn các bạn tạo nút like, share vào trong blog.

Hướng dẫn thêm nút Like, Share vào cuối bài viết cho blog:

Bước 1: Chọn Mẫu >> Chỉnh sửa HTML

Bước 2: Tìm đoạn code sau:

Blog có nhiều loại khác nhau nên đoạn code cần tìm sẽ khác nhau. Vì vậy, bạn cần chú ý xem blog của mình 

chứa đoạn code nào trong các đoạn code sau nhé <bấm Ctrl + F để tìm kiếm>:

Đoạn 1:

<data:post.body/>

Đoạn 2:

<div class='post-footer'>

Đoạn 3:

<div class='post-footer-line post-footer-line-1'>

Đoạn 4:

<div class='post-footer-line post-footer-line-2'>

Đoạn 5:

<div class='post-footer-line post-footer-line-3'>

Sau khi tìm ra đoạn code trên thì bạn thêm đoạn code bên dưới đây vào trước hoặc sau đoạn code vừa tìm 

được bên trên nhé < tùy thuộc vào bạn muốn hiển thị bên trên hoặc bên dưới bài viết >. Lưu ý, nếu blog

của bạn tìm thấy nhiều đoạn 1,2,3,4... thì nên thêm vào dưới từng cái 1 và save lại ra kiểm tra thử.

<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>