Komentar Facebook, Yahoo, Aol dan Hotmail pada Blogger

Bagi sobat yang ingin membuat komentar Facebook di blogspot, kali ini saya akan sharing mengenai komentar facebook pada blogspot. Yang dimana komentar facebook ini juga bisa dikomentari pengunjung suatu blog menggunakan akun Yahoo, Aol dan Hotmail. Apabila seorang pengunjung suatu blog sedang login menggunakan akun Yahoo, maka akan muncul akun yahoonya dalam komentar, apabila sedang login dengan akun Facebook, maka akun facebooknya yang muncul dikotak komentar, demikian juga dengan akun Aol dan Hotmai.

Untuk lebih jelasnya sobat dapat melihat gambar dibawah ini :

Langkah membuatnya sebagai berikut :

1. Login akun Blogspot.com milik sobat
2. Pilih Rancangan
3. Edit HTML untuk merubah templette
4. Beri tanda cawang (contreng) pada Expand Template Widget
5. Cari kode <data:post.body/> (menggunakan Ctrl+F untuk memudahkannya)
6. Copy dan Paste kode dibawah ini dan letakkan setelah kode <data:post.body/> :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p align='left'><a href='http://hasyim-blog.blogspot.com/2012/05/komentar-facebook-yahoo-aol-dan-hotmail.html' target='new'><img border='0' height='26' src='http://i1127.photobucket.com/albums/l625/hasyim871/untitled.jpg' width='160'/></a></p>

<div id='fb-root'/>

<script>window.fbAsyncInit = function() {

FB.init({appId: &#39;124630597583565&#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/en_US/all.js&#39;;

e.async = true;

document.getElementById(&#39;fb-root&#39;).appendChild(e);

}());

</script>

<fb:comments/>

</b:if>

Pada Blog yang menggunakan Read more atau baca selengkapnya seperti pada blog saya ini ada 2 kode <data:post.body/>. Jadi untuk meletakkannya, sobat pastekan kode diatas setelah <data:post.body/> yang pertama, jika tidak muncul juga coba letakkan setelah kode yang kedua.

7. Simpat templette

UPDATE

Jika sudah dilakukan tapi belum muncul juga, coba kode dibawah ini dengan langkah yang sama seperti diatas :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p align='left'><a href='http://hasyim-blog.blogspot.com/2012/05/komentar-facebook-yahoo-aol-dan-hotmail.html' target='new'><img border='0' height='26' src='http://i1127.photobucket.com/albums/l625/hasyim871/untitled.jpg' width='160'/></a></p>

&lt;fb:comments-count href=&#39;hasyim-blog.blogspot.com/&#39;&gt;&lt;/fb:comments-count&gt;

&lt;fb:comments colorscheme=&#39;light&#39; data-num-posts=&#39;10&#39; href=&#39;hasyim-blog.blogspot.com/&#39; title=&#39;My Piano v3.3&#39; width=&#39;650&#39; xid=&#39;124630597583565&#39;&gt;&lt;/fb:comments&gt;

</b:if>

Atau Sobat bisa menggunakan yang dibawah ini pada Gadget blog sobat :

<center><p align='left'><a href='http://hasyim-blog.blogspot.com/2012/05/komentar-facebook-yahoo-aol-dan-hotmail.html' target='new'><img border='0' height='26' src='http://i1127.photobucket.com/albums/l625/hasyim871/untitled.jpg' width='160'/></a></p><fb:comments-count href='http://hasyim-blog.blogspot.com /'></fb:comments-count><fb:comments colorscheme='light' data-num-posts='10' href='http://hasyim-blog.blogspot.com/2012/01/nonton-tv-online-trans-tv-indosiar.html' title='My Piano v3.3' width='650' xid='2779719871746988947'></fb:comments></center>

Sekian, semoga tips ini bermanfaat... Jangan lupa untuk meninggalkan komentar sobat yah...