Blog Tutorial - Blog ini membantu anda untuk mencari widget-widget yang tepat untuk blog anda , dan memberitahu sedikit tips tentang SEO

Selamat datang Anda sedang mengunjungi Juntenxblog Silahkan menikmati .

Cara Pasang Kotak Komentar Facebook Di Blog

Kali ini saya akan menjelaskan tentang komentar facebook di blog , sebelum saya menjelaskan cara pasang kotak komentar facebook di blog ,saya jelaskan sedikit kegunaan comment box facebook , kegunaan box comment facebook di blog sama seperti kolom komentar blog lainnya , namun disamping untuk berkomentar di blog ada kegunaan lain dari plugin kotak komentar facebook ini yaitu apabila ada pengunjung berkomentar melalui komentar box ini maka akan secara otomatis tershare komentar dan url blog yang dikomentari , sehingga ini bisa menjadi salah satu cara promosi yang efektif dengan memasang kotak komentar facebook di blog .

Pasang Kotak Komentar Facebook Di Blog

Untuk memasang kotak komentar facebook di blog cukup sulit , untuk itu simak baik-baik tutorial pasang komentar facebook di blog .

1. Anda harus terlebih dahulu membuat aplikasi anda terlebih dahulu , untuk itu silahkan masuk ke akun facebook anda .

2. Lalu buka link ini Facebook developer page

3. Setelah membuka link tersebut anda akan dibawa ke link setup membuat aplikasi , yang belum verifikasi account akan muncul gambar seperti ini :

aplikasi facebook
Aplikasi facebook

Anda verifikasi melalui mobile phone , cukup masukan nomor handphone anda dan ikuti langkah selanjutnya .

4. Setelah terverifikasi anda masuk ke link di nomor 2 tadi sehingga muncul gambar seperti ini

buat aplikasi facebook
Buat aplikasi facebook

Isikan nama situs , url situs jangan lupa tambahkan Backslash " / " di belakang Ulr , lalu lokasi , contoh :

Site name : tutorial blog
Url site: http://juntenxblog.blogspot.com/
Lokasi : indonesia
Lalu tekan create

5. Lalu anda akan dibawa ke tempat aplikasi

buat new aplikasi facebook

 Buat new aplikasi facebook

Lalu ikuti langkah-langkah nya

6. Setelah itu yang anda butuhkan adalah nomor App ID/API Key .

Setelah anda membuat aplikasi untuk plugin kotak komentar facebook , silahkan lihat langkah selanjutnya .

Pasang comment box facebook


Untuk memasang box comment facebook di blog anda terlebih dahulu untuk log in di akun blogger anda lalu Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Lalu cari code berikut:

<data:post.body/> (untuk setiap template berbeda-beda posisi code itu , untuk yang telah memasang read more silahkan cari kode seperti itu yang kedua)

Pasang script berikut ini dibawah kode tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;XXXXXX&#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>
<b> by <a href='http://juntenxblog.blogspot.com/' target='_blank' title='Facebook Comment'>Facebook Comment </a></b>

Ganti tanda xxx  dengan App ID/API Key yang telah anda buat sebelumnya , lalu tekan simpan dan lihat hasilnya.

Cukup mudah bukan untuk pasang kotak komentar facebook pada blog , silahkan bila anda masih kebingungan dengan cara buat kotak komentar facebook maupun cara pasang komentar facebook untuk berkomentar.

Silahkan anda membaca Pasang comment Facebook Di Blog - Update bila tutorial facebook ini belum cocok untuk anda
Cara Pasang Kotak Komentar Facebook Di Blog 9out of 10 based on 10 ratings. 9 user reviews.


Jika artikel ini bermanfaat bagi anda. Mohon klik tombol Google+ dan tombol Like dibawah ini untuk mendukung blog ini dan sebagai ucapan terima kasih dari anda. terima kasih
Pin It!

fb comment box

34 komentar on Cara Pasang Kotak Komentar Facebook Di Blog :

roby fitrah mengatakan... 8 November 2011 10:11

sama-sama gan .. :D

KursusBahasaOnline mengatakan... 8 November 2011 20:02

thx buat infonya, saya pake wordpress jadi plugin yang saya cari udah ketemu, tapi tipsnya saya coba di blogger saya thanks

roby fitrah mengatakan... 11 November 2011 18:46

sama-sama gan :D

phoneseluler mengatakan... 15 November 2011 22:15

makasih infonya ya... baca2 dulu, tar di praktekin!

limare pastinipus mengatakan... 10 Desember 2011 10:28

akan dicoba.thanx ya infonya sangat berguna bagi saya seorang pemula.

kunjungan balik ya http://uanglimare.blogspot.com

desain grafis mas fadil mengatakan... 16 Desember 2011 18:24

aq udah pasang tapi ko ada kesalahan..(The comments plugin requires an href parameter.) mohon diberi petujuk,,,,,ke email sy(akhmadfadilmuslihafandy@yahoo.co.id)

bisnis online mengatakan... 19 Desember 2011 19:50

ooo gitu ya caranya. ternyata sangat mudah ahaha mudah karena sudah dikasih tau caranya. makasih ya bro, ku coba ahh :D

ikhwankopral mengatakan... 20 Desember 2011 23:41

cara dapetin App ID/API Key nya gimana..?

roby fitrah mengatakan... 21 Desember 2011 00:15

silahkan baca lagi dari pertama gan pelan" .. disana dijelaskan cara ngebuat id/api key nya ...

Free software, PC Game, etc mengatakan... 26 Desember 2011 06:28

Gan, pas verivikasi kok codenya gk ada kekirim ke hp ane ya? apa bisa verivikasi via email?
thanks infonya...

jam tangan murah mengatakan... 26 Desember 2011 23:46

info yang berguna..
:D
makasii mas..
mau segera ke TKP dulu..
heheheh..

ARY mengatakan... 1 Januari 2012 16:22

Wow perfect bunget, thanks ya bung, link balek dong

Demak Blogger mengatakan... 17 Januari 2012 08:46

saya suka artikel disini,,, :D

mr. rofik mengatakan... 16 Februari 2012 17:52

punyaku udah terlanjur rusak mas bro HTMLnya, gimana cara ngebenerinnya ya..udah aku masukin gak ngefek tuh...

v-bolt mengatakan... 24 Februari 2012 18:21

mampir sini....

Palanta Budaya mengatakan... 5 Maret 2012 01:43

trims info nya, pingin di follow nih gan

Waspadia mengatakan... 5 Maret 2012 21:41

ty mas bro... numpang belajar ya!

rendy mengatakan... 13 Maret 2012 04:41

nice gan.,

Muni mengatakan... 15 Maret 2012 02:53

Suwun gan,,sukses

Archangel Gabriel mengatakan... 16 Maret 2012 07:38

Thx infonya... Tp di blog ane ga bisa...

http://sugeng-wijaya.blogspot.com mengatakan... 24 Maret 2012 06:34

nice info nya gan

sirojulmunir mengatakan... 27 Maret 2012 16:50

makasih yachhh infonya

toto pinksun mengatakan... 11 April 2012 08:11

thanx gan atas infonya

yan mengatakan... 19 April 2012 20:24

koq ga muncul ya gan?!

bigsplay mengatakan... 23 April 2012 09:05

mantab gan..thanks...

Rofiq Hidayat mengatakan... 24 April 2012 09:54

g keluar

Belajar NgeBlog mengatakan... 8 Mei 2012 07:10

Sip oke dan berhasil.

rendi mengatakan... 10 Mei 2012 21:12

tolong jelasin yang lebih. karena saya bingung

Anggara D. Rezpector mengatakan... 19 Mei 2012 17:06

yg create app ny udh diganti.. g'kyak gmbar lgi...

waroeng anime mengatakan... 20 Mei 2012 04:39

gak bisa bos, waktu register mobile phone error terus padahal udah di sms sama FBnya tp pas masukin codenya malah error... cepek deh

PRASASTI MARMER mengatakan... 20 Mei 2012 07:09

OK Kita coba dulu,nanti kalau sudah sukses comment lagi kemari,,

baju muslim mengatakan... 26 Mei 2012 20:55

gw pernah liat kyk gini sblumnya tp gak tau caranya.. tengkiu bro.. gw bookmark dulu deh..

MEZBAH PETRA mengatakan... 28 Mei 2012 21:20

gan kalau ga da data:post.body/nya gimana?

Ahmad Farid mengatakan... 29 Mei 2012 06:58

dah aku pasang tapi tidak muncuL ., gimana tuh pa da yng salah css_ny.,

Post a Comment and Don't Spam!

 
ini blog percobaan,catatan,latihan optimasi .
maav bila terjadi banyak perubahan , dan membuat anda tidak nyaman.