Cara Membuat Komentar Facebook di Blog Update

Cara Memasang dan Membuat Kotak Komentar Facebook di Blog terupdate dan terbaru -  facebook memang sangat fenomenal karena setiap orang hampir sudah daftar facebook maka mereka sering menggunakan kolom komentar facebook ketimbang menggunakan tempat komentar blog itu sendiri. dan tentu saja untuk menggunakan dan berkomentar dengan komentar facebook ini sobat harus  mempunyai akun facebook . yang seru di komentar facebook ini adalah setiap orang bisa berkomentar bebas tanpa ada moderator sehingga pembaca blog akan lebih ekspresif dan blog lebih jadi komunikatif tapi tentu saja si moderator blog masih bisa dengan bebas menghapus komentar jika koemntar di nilai tidak etis, ataupun mengganggu orang lain sobat bisa lihat link ini jika sobat ingin melihat siapa saja yang sudah berkomentar di blog sobat jika sobat sudah berhasil memasang komentar facebooknya.  jadi intinya jika di blog sobat masih belum ada komentar facebook di bawah postingan ada baiknya jika sobat memakai widget komentar facebook ini sebagai pelengkap widget blog atau bisa juga untuk mempercantik tampilan blog. untuk melihat hasilnya sobat bisa lihat komentar di bawah artikel ini, saya meletakkannnya di bawah artikel menarik lainnya / related post sedangkan untuk komentar milik sobat, sobat bisa memasang komentar facebook sesuai keinginan. oke..

Cara Membuat  ID Komentar facebook


1. untuk memulai silahkan klik disini untuk membuat aplikasi facebook lalu pilih "create new app"

Cara Membuat Komentar Facebook di Blog

2. silahkan isi kolom atas dan bawah dengan nama bebas lalu klik  "buat aplikasi " biasanya nama app itu hurufnya maksimal 20, kalau saya menggunakan nama "commentnew" di display name dan blogfacebookbaru di namespace.

Cara Menambah Komentar Facebook di Blog

 3. Isi pemeriksaan keamanan dengan menuliskan text yang ada di gambar lalu klik "kirim"

Cara Membuat Komentar Facebook di Blog 2014


4. Sampai disni app sobat sudah jadi tinggal menambahkan alamat url blog sobat, sobat bisa klik "setting" atau pengaturan

Cara Membuat Komentar Facebook di bawah postingan blog

5.  isi email milik sobat lalu "add platform"

Cara Membuat Komentar Facebook di Blog (terupdate 2014)

6.Klik website
 7. isi dengan alamat blog sobat dan kemudian simpan perubahan. sampai disini sudah selesai sekarang tinggal memasang kode komentar facebook ke blog

komentar dari facebook


Cara Memasang komentar facebook di bawah postingan


1. Silahkan sobat masuk ke blogger sobat
2. Pilih Tab "templatesobat lihat disampingnya ada  EDIT HTML silahkan klik tombol itu untuk mengedit template sobat.

cara memasang komentar facebook di blog

3. Cari kode <head> untuk mencarinya silahkan tekan pada keyboard ctrl + f lalu masukkan kode <head>  lalu tekan ENTER setelah ketemu.  letakkan kode di bawah ini di bawah kode <head>  tadi

<meta content='Nomer ID' property='fb:app_id'/> 
<meta content='ID profil sobat' property='fb:admins'/> 

CONTOH kalau sudah dirubah menjadi seperti berikut ini :

<meta content='745784658654334534' property='fb:app_id'/> 
<meta content='Sanah.Winari' property='fb:admins'/> 

kode merah adalah  ID profile facebook  nama profile sobat, untuk melihatnya sobat bisa masuk ke profil sobat lalu lihat di addres / alamat profil contohnya : http://www.facebook.com/sanah.winari sobat bisa ambil yang berwarna merah saja. sedangkan nomer ID facebook atau adalah yang sobat dapatkan dari dasboard app yang sobat telah buat tadi, lihat gambar di bawah ini, ID app komentar facebook silahkan copy dan pastekan di nomer ID sobat. seperti gambar di bawah ini.

ID komentar facebook


4. Lalu Cari kode </head> dan copy kode di warna merah bawah ini lalu pastekan di atasnya kode </head>

<script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}
</script>

5. Cari lagi kode <data:post.body/> untuk mencarinya silahkan lihat pada cara nomer 3. setelah ketemu sobat copy kode merah di bawah ini lalu pastekan di bawah kode <data:post.body/>  


<!-- FORM KOMENTAR FACEBOOK -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/><script>window.fbAsyncInit = function() {
FB.init({appId  : &#39;745784658654334534&#39;,
status : true,
cookie : true,
xfbml  : true});};
(function() {var e = document.createElement(&#39;script&#39;);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 data-width='500' expr:href='data:post.url' expr:title='data:post.title' migrated='1'/>
</b:if>
<!-- FORM KOMENTAR FACEBOOK -->

Keterangan : 
jangan lupa Ganti kode warna biru dengan ID facebook sobat. sedangkan angka 500 itu adalah lebar kolom komentar sobat.
jika kode <data:post.body/> ada 2 atau lebih maka letakkan kode  warna merah ini di bawah kode <data:post.body/> yang paling bawah atau yang terakhir, sobat bisa meletakkan kode ini ditempat yang sobat inginkan bisa di bawah tombol share, di bawah related post, dan lain-lain karena biasanya di bawah <data:post.body/> ada banyak macam script kode.



6. langkah  terakhir "simpan template" atau "save"

Setelah proses menambah komentar facebook di blog yang lumayan panjang akhirnya selesai juga ya.. he..he , silahkan mencoba dan semoga berhasil. jangan lupa untuk refreshing silahkan baca status lucu, dan gambar lucu yang ada di facebook, terima kasih dan sampai jumpa lagi dengan artikel yang menarik lainnya.



Cara Membuat Komentar Facebook di Blog Update Rating: 4.5 Written By: Sanah Winari

No comments:

Post a Comment

Thanks for good comment....