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 làm liền 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í bạn chọn:
Mẫu ==> chỉnh sữa HTM
3. Vào phần code của blog rồi ấn CTRL + F tìm với từ khóa <body
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. 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.
<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/AVvXsEiLmCjriOgfHVAFq-FpWFC0Oa0FbmFOj5J15C2tq-0aixgOaGxZ6vYsgvZbTDUzoEaBIpFn0aJUfxO8ZEyvj4FV9Qt_NQkEKf1cLyorJt8FA9iOoOUVTHJBlwixiilBA8tDzqoJUUkDXHQ/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>
Chúc các bạn thành công:
nguồn cấp:http://www.phamngoctan.com/2013/10/cach-tao-nut-like-va-nut-google-plus.html
xây dựng nhà yến