Nút like Facebook mới dưới tiêu đề bài viết cho blog

VIEW DEMO
Đây là mẫu nút like mới, nhanh hơn, đẹp hơn. Nó ít ảnh hưởng tới tốc độ tải trang hơn mẫu trước đây.




#Các bước tạo nút like

1.Đăng nhập Blogger > Mẫu > Chỉnh sửa HTML
2.Tìm đoạn sau trong mẫu. Thường có hai đoạn, đoạn thứ hai là cho máy tính, đoạn đầu là cho phiên bản mobile.
<b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>
3.Dán mã ifram sau ở bên dưới nó
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
4.Lưu mẫu và xem kết quả, chúc thành công!!!

Comments