
Trang chủ Blog Huy Kira hả em, Trang này trang bản quyền của anh a ko share được em nhé!! em thông cảm 😀


Cái này không phải chuyên môn của a rồi em, lâu ngày quá ko đụng vô C em.


Bão đẹp trai là đứa nào. Có đẹp trai bằng huy kira không??


Like sản phẩm bằng facebook, thực chất là like link của sản phẩm đó, Cái này facebook có tạo công cụ để chúng ta sử dung like.
Để làm được em làm như sau.
Thêm code này vào phần header của trang web.
<script> window.fbAsyncInit = function() { FB.init({ appId : '750688268378229', xfbml : true, version : 'v2.0' }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>
Tiếp theo, chèn đoạn code này vô chổ muốn hiển thị nút like.
<div class="fb-like" data-href="https://huykira.net/hoi-dap" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true" data-width="100%" data-mobile="Auto-detected"></div>
Lưu ý thay: data-href bằng đường dẫn của sản phẩm ban, Chúc bạn thành công!


Hover giống thế giới di động à, Giải thích hơi khó để a code demo cho em coi.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Demo hover giống thế giới di dộng</title> <style> .post { position: relative; /* Bật chế độ relative thẻ div ngoài*/ width: 568px; height: 300px; } .post img { position: absolute; /* Bạt chế độ absolute cho thẻ trong*/ top: 0px; /*Phần này giúp hình ảnh năm gọn trong thẻ div post ngoài*/ width: 100%; height: 100%; } .detail { position: absolute; width: 100%; height: 100%; top: 0; background: #D64141; z-index: 9999; visibility: hidden; /* Ban đầu ẩn nội dung đi*/ transition: all .3s; /*Phần này tạo hiệu ảnh khi hover vào*/ opacity: 0; color: #fff; } .post:hover .detail { visibility: visible; /* Khi hover thì mình cho nội dung hiện ra*/ opacity:1; } </style> </head> <body> <div class="post"> <img src="https://cdn.tgdd.vn/Products/Images/42/72198/Feature/samsung-galaxy-j7-4.jpg" alt=""> <div class="detail"> Nội dung </div> </div> </body> </html>
Em có thể xem và down file demo tại đây: index