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.
     
    KBlogger, Mar 10, 2014
    #1
  2. syarifahmad

    syarifahmad Member

    Joined:
    Dec 30, 2013
    Messages:
    49
    Likes Received:
    4
    Trophy Points:
    8
    sip suhu.. keren nih

    sip suhu.. keren nih :D
     
    syarifahmad, Mar 10, 2014
    #2
  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
     
    iska, Mar 15, 2014
    #3
Loading...
Similar Threads - Cara Memasang Komentar
  1. Kanggarda

    Cara Memasang Komentar Facebook di Blog

    Kanggarda, Apr 12, 2014, in forum: Blogger
    Replies:
    1
    Views:
    1,413
    cayun
    Apr 12, 2014
  2. Ana Nurkhasanah

    Cara memasang widget facebook fans page di blog terbaru update 2015

    Ana Nurkhasanah, Sep 27, 2015, in forum: Blogger
    Replies:
    9
    Views:
    2,492
    Andrie9_9
    Sep 29, 2015
  3. Dan

    Cara memasang widget Contact Form di halaman statis Blogger

    Dan, Jun 15, 2013, in forum: Blogger
    Replies:
    18
    Views:
    4,069
    KBlogger
    Mar 9, 2014
  4. Info Tekno

    Cara Paket Internet Telkomsel Murah Simpati dan As

    Info Tekno, Oct 1, 2019, in forum: Blogger
    Replies:
    1
    Views:
    3,708
    WAP23
    Oct 1, 2019
  5. Rswd

    (ASK) Cara Menyisipkan Kode JS di root directory blogger?

    Rswd, Oct 31, 2018, in forum: Blogger
    Replies:
    0
    Views:
    1,537
    Rswd
    Oct 31, 2018

Share This Page