Membuat Komentar Dari Facebook Pada Blog

Sobat pasti sering melihat kotak komentar facebook pada suatu blog, sebenarnya cara membuat kotak komentar ini cukup mudah dan simple. BAnyak kelebihan yang bisa kita dapatkan jika kita memasang kotak komentar pada blog kita. Buat sobat yang ingin mencoba memasangnya pada blog sobat, silahkan lihat screenshot berikut ini.

Nah, bagi sobat yang ingin membuat kotak komentar facebook di blogspot ikuti tutorial berikut ini.

1. Log ini ke akun blogger sobat;
2. Pilih menu Rancangan » Edit HTML;
3. Beri tanda centang pada tulisan Expand Template Widget;
4. Carilah kode <data:post.body/>, jika sobat telah memasang kode readmore, maka letakkan kode berikut tepat dibawah kode <data:post.body/>, yang kedua;

<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'> <a href='http://x-maty.blogspot.com/2011/02/membuat-komentar-facebook-sederhana.html' target='new'><img border='0' height='200' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBxfxi-JSiUlGHTBSs0ovSV-3b1dM4R9w0iQsWn8kMh7IMtnil7f180RTEmt86oEMdivmUaW-jrk0uqM4vQ56B6dj3sb14Zix5X_Ft0BHpc69aGxcrHzxtKcYXWCovfAZRhs8NqFmHj10/s1600/comment.gif' width='200'/></a></p> <br /> <div id='fb-root'/> <br /> <script>window.fbAsyncInit = function() {<br /> FB.init({appId: '124630597583565', status: true, cookie: true,<br /> xfbml: true});<br /> };<br /> (function() {<br /> var e = document.createElement('script'); e.async = true;<br /> e.src = document.location.protocol +<br /> '//connect.facebook.net/en_US/all.js';<br /> e.async = true;<br /> document.getElementById('fb-root').appendChild(e);<br /> }());<br /> </script><br /> <fb:comments/><br /> </b:if&g

5. Selanjutnya simpan template sobat

Selamat mencoba, semoga berhasil. Jika tidak berhasil, ikuti

langkah dibawah ini.

Tampaknya banyak komentar yang saya terima bahwa sobat mengatakan banyak yang tidak berhasil membuat komentar ini, saya memasang komentar ini disemua blog saya dan ternyata berhasil, mungkin pengaruh dari setiap template yang berbeda, kali ini saya mau update tetang komentar facebook ini. Silahkan sobat lakukan lahkah berikut ini.

Langkah pertama sobat login ke account blogger sobat, kemudian lihat gambar dibawah ini

Jika sudah selesai, sobat cari kode <b:includable id='status-message'> kemudian sobat akan menemukan kode </b:includable> ini berada tepat diatas kode yang pertama tadi.

Kemudian kopas kode dibawah ini dan letakkan diatas kode </b:includable> tadi.
<b:if cond="data:blog.pageType == "item""> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <fb:comments expr:href='data:post.url' num_posts='3' width='500' colorscheme='dark'/> </b:if><br />

Peletakan kodenya akan terlihat seperti ini.

<b:if cond="data:blog.pageType == "item""> <div id='fb-root'/> <br /> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><br /> <fb:comments expr:href='data:post.url' num_posts='2' width='500'/><br /> </b:if><br /> </b:includable><br /> <b:includable id='status-message'>
TERAKIR SAVE TEMPLATE DAN LIHAT DI BAWAH POSTINGAN NYA SOB..!!

Share this

Share on FacebookPlus on Google+