CÁCH TẠO NÚT SHARE (PLUGIN) FACEBOOK VÀ TWITTER 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.
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.
1. Vào trang quản lý blog
<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>
Ví dụ:
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.
1. Vào trang quản lý blog
2. Chọn Template rồi ấn vào nút Edit HTML
<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>
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. Vì có bạn thắc mắc là muốn chèn hình vào nút like cho nó đặc biệt một tí thì làm như thế nào.
Cũng không có gì khó khăn cả. Các bạn chỉ cần copy đoạn code sau để vào sau thẻ <body> như trên là được.
6. Vì có bạn thắc mắc là muốn chèn hình vào nút like cho nó đặc biệt một tí thì làm như thế nào.
<style type="text/css"> #nt_like_wrapper { position: fixed; bottom: 36%; margin-left: 0px; float: left; padding: 2px; z-index: 10;} #nt_like_image{ background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw3kcMFdPy7vDOsmjh-wsB-h10gMkBaZfpw-5jNQWNBFHyTSDyviiMcQN6S6c8Nm-QT7H060FKXTB2_uhI4UNaZEqBlhYmoaNbN7F0rBCK6JbD5xQXByYDlL_5NiFRLE1V2djpxJZDWq0/w112-h207-p-no/"); width:110px; height: 200px; } #nt_like_wrapper .nt_button { float: left; clear: both; } </style> <div id='nt_like_wrapper'> <div id="nt_like_image"></div> <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>