การใช้ Facebook comment แทนกล่องคอมเมนท์แบบปกติของ Pligg CMS

โดยปกติแล้วตัว 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 แล้วครับ ง่ายแค่นี้เอง^_^

ดูรายละเอียดเพิ่มเติม