Labels

Membuat Komentar ala Facebook


Sebetulnya comment blogger default sudah menyuguhkan fasilitas yang lebih baik dari sebelumnya, namun untuk menambah alternatif komentar dan dengan fitur comment and share ala facebook tampaknya hal ini bisa jadi fitur yang bagus untuk blog anda.


Disini saya ingin berbagi bagaimana caranya untuk menambahkan facebook comment  ke blogger anda. Karena saya ingin FB comment menjadi alternatif, maka saya tetap mempertahankan blogger comment defaultnya.

Caranya :

  • Ikuti langkahnya hingga anda mendapatkan AppID untuk aplikasi web anda.
  • Edit Blogger Template
  • Di blogger dashboard pilih edit html
  • Cari tag <head> ganti YOUR_APPLICATION_ID dengan App ID yang barusan tadi didaftarkan.

<meta property="fb:app_id" content="YOUR_APPLICATION_ID"/>
  • Cari <html ganti dengan <html xmlns:fb="https://www.facebook.com/2008/fbml"
  • Cari <div class='post-footer-line post-footer-line-2'>
  • Copy paste kode dibawah ini.

<b:if cond='data:post.isFirstPost'>   
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
</b:if>
<a expr:href='data:post.url + &quot;#fb-root&quot;'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>
  • Cari <div class='post-footer-line post-footer-line-3'>
  • Copy paste kode dibawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='900'/></div>
</b:if>
*Note: Anda bisa kustom script diatas sesuai keinginan contohnya: width=’900′ 
  • Simpan Template.
  • Preview ! Done!
Beres! anda sudah berhasil membuat Facebook comment. 
Labels:

Comments

Post a Comment

Popular Posts