Select Language



Followers

IT Programmer. Powered by Blogger.

30 January 2012

Cara Membuat Komentar Facebook di Blog

"Om Swastyastu"

facebook comment world-of-programmer.blogspot.com
"Facebook" tentunya sudah tidak asing lagi bagi kalian saat ini. jaman gini ga punya facebook?? Seperti yang sering di bilang Tukul "KATROK" kalau bahasa alaynya "k47RoK" hehehe.. maaf yang ga punya jangan tersinggung. #peace.

Naah, saat ini saya akan mencoba memberikan cara membuat komentar facebook di blogspot. Dengan adanya komentar facebook di blog tentunya akan memudahkan para visitor untuk berkomentar dan tentunya kalian juga gampang berinteraksi secara langsung dengan mereka karena akan langsung ada notification di facebook mereka jika komentarnya di balas. Bandingkan jika di komentar blog yang standar, kalau kita berkomentar disana nantinya jika di reply oleh yang empunya itu blog kita tidak bakal tau kecuali kita kembali lagi ke blog tersebut. (Ribet lagi yah kata-kata saya) :D

Sebelum saya lanjutkan, saya mau ngucapin :
Selamat Hari Raya Galungan dan Kuningan bagi Umat Hindu se-Indonesia, Semoga kita semua berada dalam lindungan 
Ida Shang Hyang Widhi Wasa.

Ok, sekarang langsung menuju topik. Hal pertama yang kalian harus lakukan tentunya login ke account facebook kalian. kalau sudah silahkan masuk ke https://developers.facebook.com/docs/plugins/, disana ada banyak pilihan plugin (langsung liat aja yah ga usah di jelasin) hehehee..
Kalau sudah ada di halaman tersebut, klik plugin "Comments"
world-of-programmer.blogspot.com komentar di blog
Setelah itu akan muncul permintaan penggunaan plugin comments seperti dibawah ini..
world-of-programmer.blogspot.com komentar di blog
Pada URL to comment on masukan alamat blog kalian. Number of post bisa isi sesuka hati, itu adalah banyaknya komentar yang bisa di tampilin. kalau width, isikan sesuai ukurannya dengan body post di blog kalian. saran saya color scheme pakai yang light saja.
Kalau sudah selanjutnya klik "Get Code". Biarkan dulu sejenak, karena kode yang muncul tersebut belum bisa di pakai.

Selanjutnya buka tab baru pada browser kalian, lalu masuk ke https://developers.facebook.com/apps pilih "+Create New App".
world-of-programmer.blogspot.com komentar di blog
Isikan App Display Name sesuai ke ingginan dan isikan centang pada Agreement lalu continue.

world-of-programmer.blogspot.com komentar di blog
Copy App ID tersebut dan pada App Domain isi alamat blog kalian (boleh kosong). kemudian Save
Selanjutnya kembali ke "Get Code" di atas. Klik Get Code. maka akan keluar tampilan seperti berikut.
world-of-programmer.blogspot.com komentar di blog
kemudian klik "JavaScript SDK", Pada Bagian Loading, Copykan Script yang berwarna hijau pada Template Design blog kalian Jangan lupa centang pada  Expand Widget Templates .
biar lebih gampangnya copy yang aja ini.


Ganti YOUR APP_ID sesuai dengan APP_ID kalian dan ganti WWW.YOUR_DOMAIN.COM dengan domain blog kalian. lalu paste setelah tag <body>.

selanjutnya cari kode berikut xmlns:expr='http://www.google.com/2005/gml/expr' lalu copy kode ke 2( xmlns:fb='http://ogp.me/ns/fb#' ) setelah kode tersebut.

lamaa baget yaah ternyata?? ini yang terakhir..
copy kode yang ke 3 di bawah related post blog kalian.

cara ini sudah saya terapkan di blog ini dan berhasil tanpa error.

Sekian hari ini dari saya, kalau ada error silahkan komentar. maaf kalau agak ribet karena memang seperti itu adanya :D.
salam IT Programmer

"Om Shanti, Shanti, Shanti Om"



Comments:

Ada 7 comments pada “Cara Membuat Komentar Facebook di Blog”
An Nahal said...
pada hari 

Berhasil om..
terimakasih tutornya..
salam kenal om..:)

Dekill Brother said...
pada hari 

kog gak bsa ya omm -_-

IT Programmer said...
pada hari 

yg diatas aja bisa.. -_-

Gudang Informasi Komputer said...
pada hari 

Gan, kok punya qw jadi diatas ya?

Hertzer said...
pada hari 

yang terakhir di paste ke mana??

Fandy26 HRC said...
pada hari 

berhasil .....
makasaih om.....

punyairfan said...
pada hari 

om yang langkah terakhir,, maksud realeted post maksudnya di mana ya?

Social Media


Facebook Page

Programming Tutorial


Info


Tips
Downloads
Friends
 
This Blog is proudly powered by Blogger.com | Template by Bali Web Development | Privacy Policy | Rise Up!!