Home » Unlabelled » Cách tạo nút Like Facebook và Google + trượt dọc bài viết

Cách tạo nút Like Facebook và Google + trượt dọc bài viết

Chia sẻ bài viết

Để 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.

Chức năng like facebook là một trong những cách bạn có thể giúp cho bạn chia sẻ bài viết của mình nhanh nhất mà khỏi phải vất vả vào facebook, copy link bài viết, viết giới thiệu bài viết, rồi enter. Các thao tác kể trên được giảm bớt một cách tối đa, chỉ cần nhấn vào nút like được tích hợp sẵn trên blog, bạn có thể giảm bớt số lượng các bước kể trên thành 2 bước, viết giới thiệu và enter.

Quá tiện lợi đúng không các bạn. Vậy thì còn chờ gì nữa. Cùng vào bài nào các bạn.

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 blogspot 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.

Bước 1. Vào trang quản lý blog
Bước 2. Chọn Template rồi ấn vào nút Edit HTML
Bước 3. Vào phần code của blog rồi ấn CTRL + F tìm với từ khóa <body>Bước 4. 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>

5. 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ụ:

- Bạn 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%

6. Hoặc các bạn có thể chèn thêm 1 số hình ảnh vào cho đẹp và đặc biệt thì có thể làm như sau:

Các bạn chỉ cần copy đoạn code sau để vào sau thẻ <body> như trên là được.