โดยปกติแล้วตัว Pligg มันก็มีกล่อง comment สวยๆให้เราใช้อยู่แล้วนะครับ
แต่หลายเว็บไซต์เค้านิยมนำกล่อง Facebook Comment มาใส่แทนกล่อง comment ซะส่วนใหญ่
แต่หลายๆคนคงเกิดสงในว่า แล้วเราจะใส่มันตรงไหนล่ะเนี่ย ดังนั้น
ในหัวข้อนี้ผมจะแนะนำเทคนิคการเอากล่อง Facebook comment ที่เราคุ้นเคยกันดีอยู่แล้ว
มาใส่แทนกล่อง คอมเมนท์ของ Pligg นะครับ
ก่อนอื่นเราก็ต้องมองหาไฟล์ pligg.tpl ถ้าหาไม่เจอก็อยู่ใน folder template นั่นแหละครับ
เปิดมันขึ้นมาครับ พอเปิดขึ้นมาแล้วก็ให้มองหาโค้ดบรรทัดนี้
{checkActionsTpl location=”tpl_pligg_body_start”}
แล้วก็ให้เพิ่มโค้ดจาวา สคริปต์ของ Facebook เข้าไปข้างล่าง
<div id=”fb-root”></div>
{literal}
<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>
{/literal}
เซฟแล้วปิดไปได้เลยครับ
จากนั้นก็หาไฟล์ story_center.tpl แล้วเปิดมันขึ้นมาครับ
จากนั้นก็มองหาโค้ดแบบนี้
<div id=”comments”> <form action=”" method=”post” id=”thisform”>
<h3><a name=”comments” class=”comments_title”>{#PLIGG_Visual_Story_Comments#}</a></h3>
{checkActionsTpl location=”tpl_pligg_story_comments_individual_start”}
{$the_comments}
{checkActionsTpl location=”tpl_pligg_story_comments_individual_end”}
{if $user_authenticated neq ”"}
{include file=$the_template.”/comment_form.tpl”}
{else}
<br/>
{checkActionsTpl location=”anonymous_comment_form”}
<div align=”center” class=”login_to_comment”> <a href=”{$login_url}”>{#PLIGG_Visual_Story_LoginToComment#}</a> {#PLIGG_Visual_Story_Register#} <a href=”{$register_url}”>{#PLIGG_Visual_Story_RegisterHere#}</a>.
</div>
{/if}
</form> </div>
แล้วเราก็แทนที่โค้ดนี้ด้วยโค้ดของ Facebook Comment Form ได้เลยครับ
<div class=”fb-comments” data-href=”{$my_base_url}{$navbar_where.link2}” data-num-posts=”10″ data-width=”500″></div>
แค่นี้เราก็จะได้กล่อง Facebook Comment แล้วครับ ง่ายแค่นี้เอง^_^