Pasang Komentar FACEBOOK (FB) di Blogmu | Gampang Pasang Komentar FACEBOOK (FB) di Blogmu | Gampang | Blog Online Ganden

Senin, November 01, 2010

Pasang Komentar FACEBOOK (FB) di Blogmu | Gampang

Akhirnya postingan saya kali ini terealisasi juga, sebenarnya pengen postingan sejak lama. Namun karena terkendala waktu dan kesibukan, akhirnya kini baru bisa sempat posting tentang Cara Mudah Menambahkan Kotak Komentar Facebook (FB) Di Blog. Sekarang Anda akan melihat bagaimana cara menambahkannya dengan langkah sangat mudah dan bekerja 100%. tetapi harap berhati-hati dan memperhatikan semua rincian.
Kini Pengunjung yang Punya Account Facebook bisa Berkomentar di Blog Anda.

Untuk Cara Mudah Menambahkan Kotak Komentar Facebook (FB) Di Blog sebagai berikut :

Langkah 1. Nonaktifkan Default Komentar.

Hal pertama yang harus Anda lakukan yakni Nonaktifkan Setting Komentar ANda . karena Anda tidak ingin memiliki 2 bentuk komentar, dan jika memang membutuhkan dua komentar biarkan saja seperti biasa.

Langkah 2. Buatlah Facebook App ID ( Aplikasi di Facebook ).

Sekarang Anda harus menghasilkan facebook app id Anda sendiri, itu benar-benar mudah dan prosesnya hanya satu langkah, Login dulu dengan Account Facebook Anda, kemudian silahkan Kunjungi, pengembang facebook disini : Facebook developers.

Masukkan nama aplikasi Anda, (Anda dapat mengetikkan nama apa saja) dan Klik SETUJU, lalu Buat Aplikasi. Sebagai contoh di atas saya menggunakan nama aplikasi Club Mp3 Station.

Kemudian klik pada tab Connect ( Terhubung ) (pada daftar-tab kiri) Anda akan dibawa kehalaman terhubung atau Url Situs andaIngat sewaktu memasukkan ULR Situs jangan lupa beri tanda / pada akhir ULR Blog sobat, sebagai Contoh pada gambar diatas ULR Situsnya : http://www.clubmp3.co.tv/

Masukkan Base Domain : blogspot.com.
Lalu Klik Simpan Perubahan
Selanjutnya Silahkan Klik web Site yang berada di bawah Perihal untuk Mengambil No Application ID , Copy dulu Application ID di NotePad atau Word agar mudah kita ambil saat kita gunkan nanti pada langkah berikutnya.

Langkah 3. Menambahkan Kode pada template blogger


1. Login ke blogger
2. Pilih Tata Letak --> Edit HTML
3. Beri tanda centang pada Expand Template Widget
4. Cari kode berikut ini <body> Kemudian tambahkan kode di bawah ini tepat di bawah kode <body>.

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;APP-ID Anda&#39;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

(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>

Ganti APP ID dengan APP ID Aplikasi Facebook yang tadi Anda buat.

Sekarang cari kode </head>
Letakkan kode di bawah ini tepat di bawah koede </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='Nama Blog Anda' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP-ID Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>


********Keterangan********
Nama Blog Anda : Ganti dengan Nama Blog Anda
APP-ID Anda : Ganti dengan APP ID anda
Profile-ID-Facebook Anda : Ganti dengan ID Profile Facebook Anda.

Sekarang kita selesai menambahkan kode facebook untuk template Anda, jangan menyentuh apa pun dan melanjutkan ke langkah berikutnya.

Langkah 4. Menambahkan Komentar Box blogger template Anda.

silahkan cari kode berikut <data:post.body/>

Jika Punya dua <data:post.body/> karena sudah pasang Readmore Silahkan Letakkan di bawah <data:post.body/> yang kedua.

<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://gandenonline.blogspot.com/2010/11/pasang-komentar-facebook-fb-di-blogmu.html" target="new"><img border="0" src="http://2.bp.blogspot.com/_M1pYMGMUxt0/TBU2Rk6JL5I/AAAAAAAAB_I/MTcuwWlywTI/s1600/comment.gif" /></a></p><div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://gandenonline.blogspot.com/2010/11/pasang-komentar-facebook-fb-di-blogmu.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div></b:if><br />

Untuk Merubah Lebar Silahkan Ganti Angka 450 sesuai Template Masing-masing pada template blog anda.

Sebagai hasil dari contoh yang sudah saya paparkan seperti di atas. Anda bisa lihat hasil di Blog Mp3 saya di http://www.clubmp3.co.tv/. Pada blog tersebut sudah saya pasang kotak komentar. Jadi hasilnya bisa anda lihat dan terapkan pada blog anda. Eeeeeeits.....satu lagi mpe lupa. dari hasil aplikasi facebook yang sudah anda buat dan beri nama nantinya juga bisa berfungsi kok. Lihat saja di Aplikasi Facebook Club Mp3 Station (usahakan agar anda log in dulu di akun facebook anda), gimana?

Title Post: Pasang Komentar FACEBOOK (FB) di Blogmu | Gampang
Rating: 100% based on 92189 ratings. 5 user reviews.
Author: ganden

Terima kasih sudah berkunjung di blog Ganden Online, Jika ada kritik dan saran silahkan tinggalkan komentar

19 komentar:

haritz on 1 November 2010 21.54 mengatakan...

maksudnya nama blog apaan ya gan..
soalnya bermakna ganda nih...

story on 1 November 2010 21.59 mengatakan...

terima kasih gan tuturialnya, ane tambah cerah nih

Ranker Rude on 6 November 2010 15.53 mengatakan...

wuiiih, emang keren, mantab, dah Q coba gan.dan bisa. makasih ya.

Blogger Jepara on 7 November 2010 14.09 mengatakan...

Tutorial yang berguna untuk para blogger dan facebooker nih :)

Andi Wong on 19 November 2010 07.50 mengatakan...

kalo ini gk bisa..soalnya kena blok gan fesbuk di t4 gw... (ssssst...dikntor )..haha :D

"yohan wibisono" on 12 Desember 2010 16.12 mengatakan...

thanks bro, i use it

"yohan wibisono" on 12 Desember 2010 16.48 mengatakan...

body diganti /body

ganden on 13 Desember 2010 14.00 mengatakan...

@haritz
Nama Blog kamu dong, kalau blog saya namanya : Blog Online Ganden.
So, ganti dengan nama blog punya kamu.

ganden on 13 Desember 2010 14.03 mengatakan...

@"yohan wibisono"

mksdnya gimana kok pakai di ganti2?

acepcaca on 22 Februari 2011 11.07 mengatakan...

gw mau nanya ni gan....?? koq tiap kali gw mau koment di fb gw gx bisa gan....??? tulisannya di blokir! karena dianggap melecehkan pengguna lain..padahal gw biasa2 aj nulisnya gan...tp tetap gx bisa koment gan...apa ya masalahnya...tp klo chat dg bikin status gx ada masalah gan..itulah sampai saat ini gw binggung gan..gmana cara biar kita bisa koment lgi gan....mksih sbelumnya gan....

my blog on 22 Februari 2011 15.27 mengatakan...

yang punya tips kok tdk menggunakan plugin comment fb yg dbagikan? ada apa gerangan?

Ganden on 24 Februari 2011 21.11 mengatakan...

@my blog
saya memakai script modifikasi mas. bukan script yg di comot dr FB.

Ganden on 24 Februari 2011 21.29 mengatakan...

@acepcaca itu mungkin karena keslahan pemasangan scriptnya atau klu g gitu pengaturan privasi FB u.

putraDNHC on 6 Maret 2011 20.39 mengatakan...

ko ane udah ikutin cara itu tapi gak bisa yak gan? ada tulisan templat anda gagal.... apa ada HTML yg masih kebuka ato gimana gan ?

Admin on 20 April 2011 17.10 mengatakan...

mantab gan

ganden on 24 April 2011 22.42 mengatakan...

@putraDNHC Temen2 yang laen bisa gitu kok..mungkin terdapat kesalahan dalam pengeditan yg kamu lakukan...

chanthuque on 28 April 2011 19.56 mengatakan...

thanks ya gan, mwantab bangddd dech....
jangan lupa mampir ya. trims

hamster on 3 Juli 2011 12.05 mengatakan...

sudah kucoba dan sukses,... siplah.. thanks

sendiri on 2 Agustus 2011 02.44 mengatakan...

gak ada kode body gimana gan????

Loading....

Posting Komentar

Terima Kasih Kunjungan Anda.
Komentar Anda sangat Berarti Buat Saya. Jadi, silahkan anda berkomentar tentang artikel yang berkaitan postingan saya. "Jangan Nyepam atau numpang link untuk kepentingan sendiri tanpa seijin penghuni blog"

 

Blog Online Ganden Copyright © 2009 Modification Blog by Blogger Jepara

Mebel Jepara