Blogger Tips

Saturday, December 21, 2013

Cách tạo nút like facebook và nút google + trên blogspot

Để SEO hiệu quả website, bạn cần phải dựa vào các mạng xã hội để chia sẻ website của mình. Facebook và google plus là 2 mạng xã hội rất phổ biến ở thị trường Việt Nam cũng như thế giới.
Sau đây mình xin giới thiệu các bạn các thêm nút like và nút google plus vào blog spot một cách dễ dàng nhất mà không cần phải tốn một khoảng diện tích trên website.

Vào trang quản lý blog


  1. Chọn Template rồi ấn vào nút Edit HTML
  2. Vào phần code của blog rồi ấn CTRL + F tìm với từ khóa <body
  3. Copy phần đoạn code sau bỏ vào sau thẻ <body>

    <style type="text/css"> #nt_like_wrapper {position:fixed; bottom:40%margin-left:0px; float:left; background-color:#E7E7E7;padding:2px;z-index:10;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border: 1px solid #CCCCCC;} #nt_like_wrapper .nt_button {float:left;clear:both;} </style> <div id='nt_like_wrapper'> <div style="margin:4px;"> <div class='nt_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='nt_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>
  4. Các bạn có thể chỉnh sửa dịch trái, dịch lên trên xuống dưới với 2 thống số mình đã tô đỏ lên ở trên.
    Ví dụ: muốn dịch sang trái 1 đốt ngón tay: tăng margin-left:10px; Dịch xuống dưới: bottom:25%
    Nguồn : phamngoctan.com

No comments:

Post a Comment