Hướng dẫn tạo nút like facebook, share g+ trong Blogspot

Facebook và Google+ là 2 mạng xã hội khá quen thuộc với nhiều người. Trong đó với Facebook thì đến thời điểm này không phải bàn cãi đây là mạng xã hội phổ biến nhất. Còn G+, đơn giản G+ là một đứa con của chính Google.

Để Chèn nút like facebook, G+ vào Blogspot các bạn có thể làm như sau

1. Đăng nhập vào Blogger
2. Ở menu bên trái chọn Bố cục ⇒ Chọn Thêm tiện ích

3. Chọn HTML/JavaScript

4. Thêm mã dưới đây vào Nội dung cấu hình HTML/JavaScript

<style type="text/css">
#hdtaoblogaz{position:fixed;top:30%;left:0%;float:left;background-color:#FFF;padding:2px;z-index:10;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #CCCCCC}
#hdtaoblogaz .button{float:left;clear:both}
</style>
<div id='hdtaoblogaz'>
    <div style="margin:2px;">
          <div class='item' style='margin-left:2px'>
          <div class='button' 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='button' id='google'>
     <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
     </script>
        <g:plusone size="tall"></g:plusone>
        </div>
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f660fb932fd0f15"></script>
</div></div>

5. Nhấn Lưu và Xem kết quả

Xem demo Click vào đây

• Tweet
• Share
• Share
• Share
• Share

Thông tin tác giả Admin

Đây là web chia sẻ những kiến thức mình đã biết. Vui lòng liên hệ quảng cáo theo địa chỉ gmail: ducphi2048@gmail.com

Related Post