cara memasang komentar facebook di blog

kali ini saya akan memberikan tips cara berdampingan komentar blog dan,..
komentar facebook,..di blog anda,..
ok,..guys,.langsung aja menuju persyaratannya di bawah ini,..

• buka akun blogger anda
• pilih Template / klik Edit HTML
• centang Expand Template Widget
• cari kode ini ]]></b:skin>

- untuk mempermudah pencarian,.tekan aja Ctrl+F,..lalu masukkan kode tsb,.
   di kotak pencarian,.yg ada di bawah sebelah kiri,..
- selanjutnya,..copy kode di bawah ini,..tepat diatas kode ini ]]></b:skin>

    .comments-page { background-color: #;}
    #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;}

 
- selanjutnya,.cari kode ini </head> dan copy kode di bawah ini,.
   tepat diatas kode tsb,..

    <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 Kamu' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(".comments-tab").addClass("inactive-select-tab");
    $(selectTab).removeClass("inactive-select-tab");
    $(".comments-page").hide();
    $(selectTab + "-page").show();
    }
    </script>

 - catatan,..
    pada tulisan yg warna biru,..ganti dgn ID facebook kamu,..
    misalnya URL facebook kamu,..https://www.facebook.com/ nama akun facebook kamu
    maka,..ID kamu ad/ tulisan yg warna merah,..

- selanjutnya,.cari kode ini <div class='comments' id='comments'> 
  trus,..copy kode di bawah ini,..

    <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='5' width='630'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

- catatan,..

   jika km menemukan dua kode ini <div class='comments' id='comments'> 

   maka,..km simpan kode diatas tepat di bawah kedua kode ini <div class='comments' id='comments'>

- selanjutnya,..angka 5 jumlah komentar yg akan di tampilkan pada komentar facebook,..

   dan angka 630 merupakan lebar kotak komentar facebook,..

   dan kalian jg bisa mengubah angka'' tsb,.sesuai dgn lebar template blog kamu,..

•  klik Simpan Template / Save

selesai,..dan lihatlah blog sobat apakah udah berhasil atau belum,..

jika sudah berhasil,..saatnya bilang,..sempurna,..hehehe,.

'' sekian dulu dari tips sederhana ini,..mudah''an bermanfaat bagi kita semua,..''

  wassalam,..

  

Like the Post? Share with your Friends:-

• Facebook
• Twitter
• Google+
• Pinterest
• StumbleUpon
• Digg
• LinkedIn
• Reddit
• Delicious
• Technorati