Tạo nút Like Share Facebook, Google+, Twitter cho bài viết trên Blogger

Tạo nút Like Share Facebook, Google+, Twitter cho bài viết trên Blogger | Hôm nay mình sẽ giới thiệu đến các bạn mẫu Addthis like share Facebook, Google+, Twitter tổng hợp dành cho bài viết. Một tính năng không thể thiếu của mỗi blog, giúp bài viết của chúng ta tiếp cận đến nhiều người đọc hơn, được Google đánh giá cao hơn khi xếp hạng tìm kiếm. Thật hữu ích phải không nào.

Code Addthis Social Button

<b:if cond='data:blog.pageType == "item"'>
  <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>

Để bộ nút Like hiển thị cuối bài viết các bạn đăng nhập vào Blogger > Mẫu > Tùy chỉnh HTML thêm đoạn code ở trên vào bên dưới 1 trong số đoạn code sau (tùy vào blog của bạn).

<data: post.body/>

<div class = 'post-footer'>

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

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

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

Các bạn chèn vào sau từng dòng code ở trên rồi Lưu mẫu kiểm tra xem đã xuất hiện hay chưa, nếu chưa thì các bạn làm lại với dòng code kế tiếp.

Bài hướng dẫn Tạo nút Like Share Facebook, Google+, Twitter cho bài viết trên Blogger hi vọng sẽ hữu ích với các bạn.

Chúc các bạn thành công!

Share :

Tweet

✚

Related Post