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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1GDlOdNFDkWMiuwzZpBHk4PCwxn3R9ywB1ZKoFRpNQ6k4uvr3XNxOuXYfgzb9CWinaYj_vRc4_y2ycwNxFR8CkwKYdDbF8oy7qciV6C3SwKGlwMP04dLcQrLVYkpmktwk2BByxqLDE0/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: Anonim

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

19 komentar:

haritz on 1 November 2010 pukul 21.54 mengatakan...

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

story on 1 November 2010 pukul 21.59 mengatakan...

terima kasih gan tuturialnya, ane tambah cerah nih

Ranker Rude on 6 November 2010 pukul 15.53 mengatakan...

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

Blogger Jepara on 7 November 2010 pukul 14.09 mengatakan...

Tutorial yang berguna untuk para blogger dan facebooker nih :)

Unknown on 19 November 2010 pukul 07.50 mengatakan...

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

Anonim mengatakan...

thanks bro, i use it

Anonim mengatakan...

body diganti /body

Anonim mengatakan...

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

Anonim mengatakan...

@"yohan wibisono"

mksdnya gimana kok pakai di ganti2?

Anonim 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 pukul 15.27 mengatakan...

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

Ganden on 24 Februari 2011 pukul 21.11 mengatakan...

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

Ganden on 24 Februari 2011 pukul 21.29 mengatakan...

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

Putra Andana on 6 Maret 2011 pukul 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 ?

MAR Agung on 20 April 2011 pukul 17.10 mengatakan...

mantab gan

Anonim mengatakan...

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

chanthuque on 28 April 2011 pukul 19.56 mengatakan...

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

hamster on 3 Juli 2011 pukul 12.05 mengatakan...

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

sendiri on 2 Agustus 2011 pukul 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"

 

Copyright © 2009 Modification Blog by Blogger Jepara