Cara Membuat Komentar Facebook di Blog

Ini Dia Langkah langkahnya :

1. Masuk Akun Blogger anda dan Pilih Template , dan edit HTML

2. Lalu carilah code ]]></b:skin> ( Cara mudahnya langsung "Ctrl + F )

3. Letakkan kode di bawah tepat di atas kode ]]></b:skin>

       

         .comments-page { background-color: #f2f2f2;}

          #blogger-comments-page { padding: 0px 5px; display: none;}

         .comments-tab { float: left; padding: 5px; margin-right: 3px;

         cursor: pointer; background-color: #f2f2f2;}

         .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}

         .comments-tab:hover { background-color: #eeeeee;}

         .inactive-select-tab { background-color: #d1d1d1;}

4. Setelah itu Carilah kode </head>

5. Letakkan kode di bawah di atas kode </head>

        <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

        <script src='http://code.jquery.com/jquery-latest.js'/>

        <meta content='ID FACEBOOK ANDA' property='fb:admins'/>

        <script type='text/javascript'>

         function commentToggle(selectTab) {

        $(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);

        $(selectTab).removeClass(&quot;inactive-select-tab&quot;);

        $(&quot;.comments-page&quot;).hide();

        $(selectTab + &quot;-page&quot;).show();

         }

        </script>

6. Dari kode di atas,,gantilah kode yang bertulisakan ID FACEBOOK ANDA dengan ID Facebook anda        tentunya.

7. Karena kita akan tampilkan di sebelah komentar yang di sediakan blogger,,maka,ada satu langkah lagi           ya...!!!! Yaitu dengan mencari lagi code <div class='comments' id='comments'> dan menambahkan script     di bawah ini tepat di bawah code <div class='comments' id='comments'> .

<!--FB COMMENT-->

 <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>

    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>

    <fb:comments-count expr:href='data:post.url'/> Comments

    </div>

    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>

    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments

    </div><div class='clear'/>

    </div>

    <div class='comments-page' id='fb-comments-page'>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <div id='fb-root'/>

    <fb:comments expr:href='data:post.url' num_posts='7' width='400'/>

    </b:if>

    </div>

    <div class='comments comments-page' id='blogger-comments-page'> 

<!--FB COMMENT-->

8. Perhatikan script di atas,,ada 2 yang saya beri warna kuning,,,yaitu angka 7 yang merupakan jumlah komentar yang di tampilkan dan angka 400 yang berarti lebar kolom komentar anda.

9. Terakhir ,SIMPAN template anda, dan lihat hasilnya.

SELAMAT MENCOBANYA BRO AND SISTA...

Jangan Lupa Pesan dan komentarnya...??!!! :)