Comment
Chèn Responsive Facebook comment box cho website
Nay mình có làm 1 cái trang Landing Page theo phong cách Facebook. Nhân tiện bổ sung luôn cái hệ thống comment bằng Facebook cho nó luôn. Mình viết bài này giới thiệu bạn cách làm Facebook comment ch…
Nay mình có làm 1 cái trang Landing Page theo phong cách Facebook. Nhân tiện bổ sung luôn cái hệ thống comment bằng Facebook cho nó luôn. Mình viết bài này giới thiệu bạn cách làm Facebook comment cho website 1 cách nhanh chóng và đơn giản.
Bước 1: Bạn chèn code này vào dưới thẻ <body> của website
Chú ý: Đây chỉ là khung comment Facebook dạng tự do, không có quản lý và thông báo mỗi khi có người comment. Nếu bạn muốn một hệ thống comment bằng Facebook chuyên nghiệp hơn thì hãy tạo app nhé.
View Articles
 |
| Khung comment Facebook |
<div id="fb-root"></div> <script>(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/vi_VN/sdk.js#xfbml=1&appId=383096061852800&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>Bước 2: Thêm CSS vào trước thẻ </head>. Thực ra thì thêm vào đâu cũng được
<style> /*Facebook comment*/ .fb_iframe_widget, .fb_iframe_widget span,.fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; } </style>
Bước 3: Thêm đoạn code này vào vị trí mà bạn muốn hiển thị Khung Facebook Comment
<div class="fb-comments" data-href="http://landing.hiepb.com/" data-numposts="5" data-colorscheme="dark" data-width="100%"> </div>Bạn nhớ thay url đánh dấu màu đỏ thành url trang web của bạn
Chú ý: Đây chỉ là khung comment Facebook dạng tự do, không có quản lý và thông báo mỗi khi có người comment. Nếu bạn muốn một hệ thống comment bằng Facebook chuyên nghiệp hơn thì hãy tạo app nhé.
Previous post
Chèn Responsive Facebook comment box cho website
Related post
Giaodien.blog
Nhà thiết kế WebTôi là admin trang Giaodien.blog là một người có đam mê với Blogspot, kinh nghiệm 5 năm thiết kế ra hàng trăm mẫu Template blogpsot như" Bán hàng, bất động sản, landing page, tin tức...