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>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ụ:
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/AVvXsEjvJJS0eH6XgtNQWkjxFW6NIblP4T5gL2q27ils4-Hq8KlUZY10qc0IfXKKLvJ7LdBzJtvAimUU2PicLLTZjT4j7X-NzWCpxRT-M0cDiCLp6gmhlhG0xA52I75QwkvznV4du7GnNoqPCtY/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>
Tôi là Đặng Hào, tôi có rất nhiều đam mê, sở thích nhưng không giỏi về cái gì cả. Sở thích chính của tôi là tạo dựng cho mình website/blog riêng để chia sẻ những gì mà tôi biết tới tất cả mọi người. Bên cạnh đó rất thích tìm tòi lập trình, nhất là lập trình ứng dụng, game di động mặc dù đến giờ vẫn chưa biết gì ^^
anh cho mình hỏi đôi chút về nút Like facebook.
ReplyDeleteKhi em chèn nút Like vào blogspot, tiến hành Like thì nó hiện lên chữ Xác Nhận, như vậy rất khó có thể chia sẻ, và khách xem ko thích chữ Xác Nhận đó lắm.
Anh có thể mách em cách để khắc phục nó ạ?
Cảm ơn anh.
xin lỗi vì anh không giúp được em vấn đề này rồi...thực ra lập trình web anh không chuyên đâu. anh đưa lên đây là để anh sau này có quên anh xem lại thôi, những bài về code này anh đều lấy nguồn từ trang khác em nhé. blog này anh chủ yếu chia sẻ phần mềm máy tính và điện thoại thôi :)
Delete