Cara Memasang Komentar Facebook Responsive di Blogger - Arlina Design
Cara Memasang Komentar Facebook Responsive di Blogger

Cara Memasang Komentar Facebook Responsive di Blogger - Masih membahas seputar komentar, tutorial kedua hari ini Arlina Design akan berbagi tentang cara memasang komentar facebook yang responsive di blog. Manfaat memasang komentar facebook di blogger ini memungkinkan pengunjung dapat berkomentar langsung di artikel yang ia baca dengan menggunakan akun facebook.

Baca juga : Mengatasi Thumbnail Share Post Facebook

Bagi yang ingin mencobanya, silakan ikuti langkah berikut

Cara Memasang Komentar Facebook Responsive di Blogger


1. Tambahkan meta tag facebook di bawah ini di dalam template tepat di bawah <head>

<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>

Catatan : Jika sudah menerapkan langkah di atas, silakan lewati lanjut ke langkah berikutnya

2. Tambahkan kode di bawah ini sebelum </head>

<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>

3. Selanjutnya tambahkan kode di bawah ini tepat di bawah kode <data:post.body/> yang ada di halaman post

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>

4. Simpan template.

Untuk menampilkan comment count facebook di halaman index dan post, silakan tambahkan kode di bawah ini pada markup post meta atau post info sesuai dengan template yang digunakan :

<a expr:href='data:post.url + &quot;#fb-comment&quot;'><span class="fb-comments-count" expr:data-href='data:post.url'></span> facebook comments</a>

Demikian tutorial tentang Cara Memasang Komentar Facebook Responsive di Blogger, semoga bermanfaat.

Cara Memasang Komentar Facebook Responsive di Blogger

Cara Memasang Komentar Facebook Responsive di Blogger

Cara Memasang Komentar Facebook Responsive di Blogger - Masih membahas seputar komentar, tutorial kedua hari ini Arlina Design akan berbagi tentang cara memasang komentar facebook yang responsive di blog. Manfaat memasang komentar facebook di blogger ini memungkinkan pengunjung dapat berkomentar langsung di artikel yang ia baca dengan menggunakan akun facebook.

Baca juga : Mengatasi Thumbnail Share Post Facebook

Bagi yang ingin mencobanya, silakan ikuti langkah berikut

Cara Memasang Komentar Facebook Responsive di Blogger


1. Tambahkan meta tag facebook di bawah ini di dalam template tepat di bawah <head>

<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>

Catatan : Jika sudah menerapkan langkah di atas, silakan lewati lanjut ke langkah berikutnya

2. Tambahkan kode di bawah ini sebelum </head>

<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>

3. Selanjutnya tambahkan kode di bawah ini tepat di bawah kode <data:post.body/> yang ada di halaman post

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>

4. Simpan template.

Untuk menampilkan comment count facebook di halaman index dan post, silakan tambahkan kode di bawah ini pada markup post meta atau post info sesuai dengan template yang digunakan :

<a expr:href='data:post.url + &quot;#fb-comment&quot;'><span class="fb-comments-count" expr:data-href='data:post.url'></span> facebook comments</a>

Demikian tutorial tentang Cara Memasang Komentar Facebook Responsive di Blogger, semoga bermanfaat.
Portal Bola Online

Related Post

Portal Bola Online
Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter

Notifications

Disqus Logo