ads
Home » » Membuat Kotak Komentar FB

Membuat Kotak Komentar FB

Written By Ramadhan Fnw on Oct 18, 2011 | 4:54 PM

Share kali ini saya akan berbagi tips cara membuat kotak komentar FB sederhana di Blogger. Keunggulan dari kotak komentar ini adalah jika ada yang komentar melalui FB mereka otomatis akan tershare di profil mereka.

Ingin membuatnya? Pertama yang harus kalian sediakan hanyalah ID Aplikasi di Facebook.
Belum mempunyai ID Aplikasi? Mudah, kalian tinggal membuat Aplikasi dulu saja di sini. Tidak usah saya beritahu kalian pasti sudah bisa membuatnya sendiri.

Setelah selesai membuat, kalian akan disuguhkan ID Aplikasi yang tadi kalian buat. Nah, lalu ikuti langkah dibawah ini.

Pertama, masuk ke akun blogger kalian.
Lalu ke Rancangan -> Edit HTML
Centang kotak "Expand Widget Template"
Lalu cari kode dibawah ini
<data:post.body/>
NB: Mungkin ada 2 
Lalu paste kode dibawah ini
NB: Jika ada 2, paste di bawah kode yang kedua
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl9tE300zpXJ50z8Bxckr9isGCiL58v9VeyPnRzcuXi7mq7WqUCrjJoD7G1TXT7VsQJJaFDxn7xWoFrGzNhOudF1Upb11ZPx-wO41TMavR6GTd4IO-mbHPpjz2v-lL7_bTLfYsUqbolgFs/s104/facebook_comment.png'/></p>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;
ID.APLIKASI.TADI&#39;, status: true, cookie: true,
  xfbml: true});
  };
  (function() {
  var e = document.createElement(&#39;script&#39; ); e.async = true;
  e.src = document.location.protocol  +
  &#39;//connect.facebook.net/id_ID/all.js&#39;;
  e.async = true;
  document.getElementById(&#39;fb-root&#39; ).appendChild(e);
  }());
  </script>
  <fb:comments/>
  </b:if>
Lalu ganti teks yang berwarna biru dengan ID Aplikasi yang kalian buat tadi.
Klik "SIMPAN TEMPLATE" dan lihat hasilnya.. :) semoga berhasil.
Share this article :

2 komentar:

Dayz said...

hehehe,, mntep mas,, simple bgt ^^

Share Our Knowledge said...

@Dayz: thx mas.. :)

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Share Our Knowledge - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger