Kamis

Cara membuat kotak komentar facebook disamping kotak komentar blogger

hai semuanya pada kesempatan kali ini saya akan share mengenai cara membuat komentar facebook di blogger.

 
 
kenapa kita harus memilih kotak komentar facebook?? jawabannya karena facebook adalah jejaring sosial terpopuler. ok langsung aja
lihat cara-caranya dibawah ini

  1. login ke blogger kamu >> dashboard >> template
  2. klik edit html  (Centang expand template widget)
  3. cari kode <div class='comments' id='comments'> dengan menekan Ctrl + F
  4. copy paste kode dibawah ini tepat dibawah kode <div class='comments' id='comments'> catatan : jika terdapat kode diatas yang sama maka letakkan kode dibagian 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>

    5. karena id facebook sudah diganti dengan user name, maka kamu hanya perlu memasukkan    user name saja. contoh https://www.facebook.com/rhiezal.andhry yang dimaksud user name yaitu rhiezal.andhry.

    6. sesuaikan lebar komentar facebook kamu dengan mengganti tulisan yang berwarna hijau
    7. simpan template dan lihat hasilnya


    "Semoga Bermanfaat"





Terima Kasih Telah Mampir Di Blog sederhana Ini.Jangan lupa klik satu iklan yang terdapat diblog ini untuk mendukung kami :). Jika teman-teman mengalami kendala saat download menggunakan linkbucks dapat membaca postingan ini. Cara Download Di linkbucks

Pembaca yang baik adalah yang meninggalkan jejak.
EmoticonEmoticon