Bài viết này hướng dẫn các bạn cách tạo nút Like FB và G+ chạy dọc theo thân trang, bài viết để tiện cho người dùng, người đọc click đánh giá cũng như share lên 2 mạng xã hội này. Nó giống cái nút đang chạy dọc bên trái web của mình đó

Cách tạo nút Like FB và G+ chạy dọc trang của Blogspot
Cách tạo nút Like FB và G+ chạy dọc trang của Blogspot

Facebook và Google+ là 2 mạng xã hội khá quen thuộc với nhiều người. Trong đó với FB thì đây là mạng xã hội lớn nhất hành tinh rồi. Còn G+, hiện nay gần như chỉ có những SEOer là thường xuyên hoạt động trên này, đơn giản G+ là một đứa con của chính Google, chính vì thế làm việc với G+ thì không bổ ngang cũng bổ dọc cho website của chính mình thôi smile)

Đi vào vấn đề chính, đó là cách đứa nút g+ và like facebook chạy dọc thân trang web. Để làm được điều đó bạn hãy vào phần Chỉnh sửa HTML (Edit HTML) trong trang quản trị của Blogger.

Sau đó hãy thêm đoạn code này vào bất kỳ chổ nào trong trang web của bạn, nhưng phải nằm sau thẻ </head> nhé:

<style type=”text/css”>
#chiase {position:fixed; top:35%; left:0%; background-color:#2AA4CF;padding:2px;z-index:10;border-bottom-right-radius:5px;border-top-right-radius:5px;}
#chiase .nut {float:left;clear:both;}
</style>
<div id=’chiase’>
    <div style=”margin:4px;”>
          <div class=’nut’ id=’facebook’>
          <script src=’https://connect.facebook.net/en_US/all.js#xfbml=1′></script>
          <fb:like layout=’box_count’ show_faces=’false’></fb:like>
          </div>
          <br />
        <div class=’nut’ id=’google’>
     <script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”>
     </script>
        <g:plusone size=”tall”></g:plusone>
        </div>
    </div>
</div>

 – Trong đó màu này là vị trí của nút like fb và g+, như của mình để là cách mép trên 35%.
  – Còn màu này là màu nền của nút này.
Sau khi thêm nút like fb và g+ này vào, thì có thể trong vài ngày đầu các bạn Like FB sẽ buộc phải confirm để FB xác nhận nội dung. Sau vài ngày FB đã chấp nhận thì chỉ còn bấm Like thôi.

Chúc các bạn có giao diện thật đẹp ^_^

Xem thêm các nội dung khác về Blogspot ở đây: Blogspot 
Copy vui lòng ghi nguồn bài viết được viết bởi: https://www.tranbadat.com/
Cách tạo nút Like FB và G+ chạy dọc trang của Blogspot
Đánh giá bài viết

THAM GIA BÌNH LUẬN

Vui lòng nhập bình luận của bạn!
Vui lòng nhập Tên của bạn

12 BÌNH LUẬN

  1. làm sao để nút like chạy dọc ngay mép bài viết. Mình thử đổi top:35%; left:0% thành top:35%; left:20%, nhưng trên các máy tính khác nhau, hoặc đơn giản là zoom màn hình lên thì nút like chạy lung tung nhìn không đẹp lăm

  2. Chào anh,
    Cảm ơn sự chia sẻ rất hữu ích của anh. Cái thanh trượt dọc này em muốn nó ko xuất hiện khi xem bằng di động thì làm thế nào ạ. Mong anh giúp em !

  3. Cái menu đó thì code thêm 1 tí chứ không có khó đâu.
    Còn cái yêu cầu dưới của bạn thì dài dòng lắm, cái này khó mà chia sẻ được. Còn nếu muốn bạn có thể sử dụng template mình đã chia sẻ sẽ có.

  4. anh ơi. anh có thể giúp em cài phần menu cho blog như của anh đc k ạ. với lại làm sao để khi vào trang chủ của blog nó hiện ra các bài viết 1 cách chuyên nghiệp chứ k còn phải từng bài xếp chồng nhau như cách mặc định khi mới tạo blog… cảm ơn anh nhiều. em đã like giúp anh rồi!

  5. Chào Đạt , cho mình hỏi hiện tại trong phần HTML của mình có chèn code làm thanh Menu rồi thì giờ copy code của bạn vô vị trí nào để đúng hả bạn?