Cara Memasang Komentar Facebook Responsif

Discussion in 'Blogger' started by KBlogger, Mar 10, 2014.

  1. KBlogger

    KBlogger New Member

    Joined:
    Mar 7, 2014
    Messages:
    68
    Likes Received:
    0
    Trophy Points:
    6
    [​IMG]
    Cara Memasang Komentar Facebook Responsif ~ Salam blogger semuanya. Mungkin sobat pernah melihat blog yang ada komentar facebooknya bukan, komentar facebook ini sangat berguna untuk pengunjung jika ingin mengomentari artikel blog anda, dan hampir semua orang bisa berkomentar, karena pengguna facebook ini sangat banyak sekali. Namun komentar facebook ini belum responsif nah pada kali ini saya akan membagikan tutorial "Cara Memasang Komentar Facebook Responsif", sebagai contohnya anda bisa lihat diblog ini.
    Oke langsung saja ketutorialnya:
    - Masuk ke blogger >> Template >> Edit HTML
    - Cari kode
    Code:
    <head>
    
    lalu simpan kode dibawah ini tepat dibawahnya:
    Code:
    <b:if cond='data:blog.pageType == "item"'><meta content='arif.rachmanhakim4' property='fb:admins'/></b:if>
    
    Ganti kode yang berwarna biru dengan username facebook anda,
    contoh: -
    Code:
    https://www.facebook.com/
    
    arif.rachmanhakim4
    yang tebal itu username facebook anda.
    Meta tag diatas berguna agar anda bisa memoderasi komentar yang masuk.
    - Cari kode
    Code:
    </body>
    
    (ctrl + f untuk memudahkan mencarinya) lalu simpan kode dibawah ini tepat diatasnya:
    Code:
    <script type='text/javascript'>//<![CDATA[$(window).bind("load resize", function(){  var url = location.protocol+'//'+location.host+location.pathname;   var containercm_width = $('#container-commentfb').width();       $('#container-commentfb').html('<div class="fb-comments" ' +    'data-href="'+url+'"' +    ' width="' + containercm_width + '" data-num-posts="10"></div>');    FB.XFBML.parse( );   });//]]></script>
    
    - Cari kode
    Code:
    <div class='post-footer-line post-footer-line-3'/>
    
    lalu simpan kode dibawah ini tepat dibawahnya:
    Code:
    <b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><script async='async' src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>  <div id='container-commentfb' style='width: 100%;height:auto;margin-top:30px;'><fb:comments expr:href='data:post.url' num_posts='5' width='500'/></div></b:if>
    
    Lalu Simpan template, taraa, sudah jadi dan silakan dichek responsifnya.
    Selamat mencoba semoga berhasil.
     
  2. syarifahmad

    syarifahmad Member

    Joined:
    Dec 30, 2013
    Messages:
    49
    Likes Received:
    4
    Trophy Points:
    8
  3. iska

    iska New Member

    Joined:
    Mar 13, 2014
    Messages:
    28
    Likes Received:
    0
    Trophy Points:
    6
    Google+:
    keren

    wah keren nih gan *bagus*
    saya bookmark dulu, sepertinya nanti akan saya perlukan
     
Loading...

Share This Page