10/10/2018, 13:30
Xin hướng dẫn em cách tạo Facebook Comment cho mục Bài viết trên website!
Em có đọc các hướng dẫn ở trên mạng và làm theo nhưng khi copy đoạn code sau:
<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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<html xmlns:fb="http://ogp.me/ns/fb#">
<fb:comments href="http://sachvang.vn/content" num_posts="10" width="450"></fb:comments>
vào file fcomment.php
và sau đó gọi file này trong file comment thì nó cũng hiển thị nhưng lại hiển thị ở góc trái trên của màn hình mới oái om chứ, các pro có thể xem ở link bến dưới (góc trái trên của màn hình)
Link tham khảo:
http://sachvang.vn/content/view/3150...-da%CC%81.html
Em muốn nó hiển thị ở cuối mỗi bài viết giống như mấy website khác nhưng không làm được. Rất mong các pro giúp đỡ!
Em xin cảm ơn trước ạ!
<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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<html xmlns:fb="http://ogp.me/ns/fb#">
<fb:comments href="http://sachvang.vn/content" num_posts="10" width="450"></fb:comments>
vào file fcomment.php
và sau đó gọi file này trong file comment thì nó cũng hiển thị nhưng lại hiển thị ở góc trái trên của màn hình mới oái om chứ, các pro có thể xem ở link bến dưới (góc trái trên của màn hình)
Link tham khảo:
http://sachvang.vn/content/view/3150...-da%CC%81.html
Em muốn nó hiển thị ở cuối mỗi bài viết giống như mấy website khác nhưng không làm được. Rất mong các pro giúp đỡ!
Em xin cảm ơn trước ạ!
Bài liên quan
Mà demo bạn đưa là like facebook chứ mình không thấy comment facebook ở đâu
<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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<html xmlns:fb="http://ogp.me/ns/fb#">
<fb:comments href="http://sachvang.vn/content" num_posts="10" width="450"></fb:comments>
Nhưng nó vì nó lớn quá và cũng hiển thị ở góc trái trên ý như nút link vậy, nên không tiện để trên đó, rất mong được các pro hướng dẫn em cách khắc phục để đưa nó về đúng vị trí.
<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/en_GB/all.js#xfbml=1&appId=444478008993296";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="{LINK HIỆN TẠI}" data-width="470"></div>
%%Module.Header%% <body> <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/all.js#xfbml=1&appId=444478008993296"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-comments" data-href="http://sachvang.vn/content" data-width="470"></div> <div id="main_container"> %%Module.htmlHeader2%% <table cellpadding="0" cellspacing="0" width="100%" class="center_content"> <tr> <td width="215" valign="top" id="left_content"> <div class="block padding10"> %%Menu.NewsMenu%% </div> <div class="block"> %%ContentModule.SupportOnline%% </div> <div class="left_banner"> %%Banner.LeftBanner%% </div> </td> <td valign="top" id="main_content"> <div class="block"> <h2> <div class="newstitle">%%GLOBAL_NewsItemTitle%%</div> <div class="displayrighticon"> <span style="display:%%GLOBAL_DisplayNewsItemPdf%%"> <a href="%%GLOBAL_NewsItemPdf%%" target="_blank" onClick="window.open('%%GLOBAL_NewsItemPdf%%','win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" title="%%LNG_Pdf%%"><img src="%%GLOBAL_ImagesPath%%/pdf_button.png" alt="%%LNG_Pdf%%" name="%%LNG_Pdf%%" align="middle" border="0" /></a> </span> <span style="display:%%GLOBAL_DisplayNewsItemPrint%%"> <a href="%%GLOBAL_NewsItemPrint%%" target="_blank" onClick="window.open('%%GLOBAL_NewsItemPrint%%','win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" title="%%LNG_Print%%"><img src="%%GLOBAL_ImagesPath%%/printButton.png" alt="%%LNG_Print%%" name="%%LNG_Print%%" align="middle" border="0" /></a> </span> <span style="display:%%GLOBAL_DisplayNewsItemEmail%%"> <a href="%%GLOBAL_NewsItemEmail%%" target="_blank" onClick="window.open('%%GLOBAL_NewsItemEmail%%','win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=400,height=250,directories=no,location=no'); return false;" title="%%LNG_Email%%"><img src="%%GLOBAL_ImagesPath%%/emailButton.png" alt="%%LNG_Email%%" name="%%LNG_Email%%" align="middle" border="0" /></a> </span> </div> <div class="clear"></div> </h2> <div class="blockcontent"> %%GLOBAL_NewsItemDetail%% <div class="newinformation"> <span>%%GLOBAL_AuthorName%%</span> <span>%%GLOBAL_NewsDateCreate%%</span> <span>%%GLOBAL_ItemHits%%</span> </div> <div class="rating" style="display:%%GLOBAL_DisplayNewsRating%%">%%SNIPPET_Rating%%</div> <div class="clear"> </div> %%Module.NewsRelate%% <div class="clear"></div> </div> </div> </td> <td valign="top" id="right_content"> <div class="block"> %%Module.PopularNews%% </div> </td> </tr> </table> <div class="clear"></div> %%Module.viewhistory%% <div class="clear"> </div> %%Module.Footer%% </div> </body> </html>https://developers.facebook.com/tool...535&view=queue