BREAKING NEWS :
Loading...

Membuat Komentar Facebook Diblog Berdampingan

Membuat Komentar Facebook  Diblog Berdampingan - Ada cara mudah membuat komentar facebook di blog. Berikut tutorial cara membuat kotak komentar facebook berdampingan dengan kotak komentar blogger, penasaran ikuti saja caranya.


1.    Seperti biasa Login Ke Akun Blogger anda.
2.    Pada Dasbor Pilih Rancangan Design Kemudian Pilih Edit HTML dan jangan lupa untuk mencentang kolom expand template widget.
3.    Copas kode berikut tepat dibawah kode <div class='comments' id='comments'> pada template anda.

Keterangan : apabila terdapat 2 kode <div class='comments' id='comments'> yang sama, silahkan anda pastekan ke kode yang kedua.


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

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='Masukan ID Fb anda disini' 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>
    <style>.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;}</style>

4 . Simpan Templatenya dan lihat hasilnya.
Untuk mengetahui secara cepat ID Facebook anda, Klik Disini.

Demikianlah tutorial Cara menggabungkan kotak komentar facebook dengan kotak komentar blogger semoga bermanfaat buat anda.
http://wan-soe.blogspot.com
Share On:
Langganan Tulisan Blog Ini

Enter your email address:

Delivered by FeedBurner

4 Responses to "Membuat Komentar Facebook Diblog Berdampingan"

  1. mau tanya sob...

    saya sudah pasang seperti yg di atas..
    emng tampil sob..
    cma stelah postingan tsb sudah ada komentar'a, form komentar facbok'a tidak tampil sob..
    minta solusi'a sob..
    tlng kirim ke sini sob : yazid.system@gmail.com

    ReplyDelete
  2. @Ahmad Yazid coba sob dilihat lebih teliti mungkin sedikit kesalahan dalam meletakannya aja. ane berhasil sob pake scrip ini.

    ReplyDelete