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

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

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

Đ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='http://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