About Me

Tuesday, August 9, 2011

Cara pasang kotak Komentar Facebook pada Blog


Langsung aja deh,,g perlu basa-basi. !
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.(akun sih tetep aja,biar aja 2 komentar,malah lebih bagus)

Silahkan ke account blogger Anda
navigasikan ke Lalu Klik  Pada Menu Klik kemudian gulir ke bawah dan klik   SIMPAN 

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 LaluSilahkan Kunjungi, pengembang facebook disini :  Facebook developers

Anda akan diwa ke halaman seperti Contoh pada Gambar dibawah :

Masukkan nama aplikasi Anda, (Anda dapat mengetikkan nama apa saja) dan Klik  Setuju  lalu klik  Buat   Aplikasi. Sebagai contoh saya membuat aplikasi dengan nama " Kotak Komentar "


kemudian klik pada tab Connect ( Terhubung ) (pada daftar-tab kiri) Anda akan dibawa kehalaman Terhubung seperti gambar dibawah ini :


Ingat Sewaktu Memasukkan ULR Terhubung Jangan Lupa beri tanda / pada akhir ULR Blog sobat, sebagai Contoh pada gambar diatas saya masukkan ULR Terhubung : http://trafikmagic.blogspot.com/

Masukkan Base Domain : blogspot.com.

Lalu Klik Simpan Perubahan
Selanjutnya Silahkan Klik Dasar 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

Anda harus menambahkan kode berikut ke template blogger Anda untuk
memastikan bahwa kotak komentar akan bekerja untuk blog Anda dengan cara yang benar.

silahkan pergi ke account blogger Anda lagi, 

Arahkan ke   + Lalu Centang

Jangan Lupa Download Template Anda untuk menjaga jika terjadi kesalahan.
Untuk Mempermudah dalam pencarian kode Tekan Ctrl + F
Cari
< body >

Tambahkan Kode berikut dibawahnya
<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 
</head>
Letakkan Kode Berikut dibawahnnya

<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'/>

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


Letakkan Kode Berikut dibawahnya
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://www.kumpulancara.com/" target="new"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEd2SEcYXjaTiih7YlGjX1CEuCCYEwIu1VVVW2R9rLEpjiARXfpw-jRghpN6ldugTSzuIIPUa-CmfA8zJzFYwW4ZJUi8-P_SnVPf9RjzMgUginZ_l-AQPZitq_Hum5pGN2j185ojcJlos/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></b:if><br />

Untuk Merubah Lebar Silahkan Ganti Angka 450 sesuai Template Masing2
Nah,,memang agak lama,tapi kalau kalian sabar aq jamin kalian pasti PUAS dengan hasilnya,,CONTOHnya kalian bisa liat di bawah ini ! FB Comment,,gimana ??lumayan kan ..
SALAM : Poetra Doery 

Baca Juga Yah Artikel Saya Yang Lain di bawah ini ::

Penulis: Alfian (poetra Doery) Lokasi:Samarinda,Muara Badak

Artikel Cara pasang kotak Komentar Facebook pada Blog, ‎ ♣♣♣diterbitkan oleh Alfian (poetra Doery) On Tuesday, August 9, 2011. Terima kasih telah berkunjung.Semoga artikel ini dapat memberikan manfaat. Bagikan artikel ini ke teman anda dengan meng "klik" situs jejaring sosial yang ada di bawah ini .Jangan lupa Add Facebook dan Follow Twitter saya yahh...Thanks.‎ ♣♣♣ Salam Alfian (poetra Doery)

0 komentar:

Post a Comment

Terima kasih telah berkunjung ke "Poetra Doery's Blog",Mungkin Blog ini masih jauh dari kesempurnaan,oleh karena itu comment,kritik maupun saran sangat di harapkan untuk di jadikan pembelajaran bagi saya pribadi.Bisa juga kirim saran atau pertanyaan di FACEBOOK atau TWITTER saya.DI TUNGGU KOMENNYA YAH !

Bagikan artikel ini

Twitter Delicious Facebook Digg Stumbleupon Favorites More