Jumat, 25 November 2011

MEMASANG KOTAK KOMENTAR FACEBOOK DI BLOG DENGAN MUDAH

untuk mempebesar gambar, silahkan klik pada bagian gambar
Akhirnya setelah sekian lama menginginkan kotak komentar di blog seperti kotak komentar yang ada pada facebook tercapai juga, ternyata membuatnya tidak susah alias sangaaaaat mudah, dengan memasang kotak komentar facebook di blog maka pengunjung akan lebih mudah memberikan komentar, kritikan dan sarannya pada postingan blog kita..

ok,,,,, tidak perlu berlama lama , kita langsung aja ke tujuan,,

1. siapkan komputer / laptop yang terhubung dengan jaringan internet (heheheh, pastinya kan,.,??).

2. login ke facebook anda untuk membuat mendapatkan ID aplikasi yang nantinya akan digunakan untuk membuat kotak komentar facebook.

3. selanjutnya buka facebook developer page atau klik disini

4. setelah facebook developer page terbuka maka akan keluar membuat aplikasi seperti gambar berikut ini
5. isikan nama blog atau jenis blog anda dan URL situs dengan alamat blog anda serta pilih lokasinya. seperti contoh :
Nama situs : tips dan triks
URL situs : http://noenchandra.blogspot.com/ ( jangan lupa memberi tanda backslas " / " dibelakang URL situs anda
lokasi : bahasa indonesia

selanjutnya pilih " buat aplikasi " maka akan keluar
pilih izinkan supaya anda diabawa ke halaman selanjutnya.

6. setelah itu anda akan dibawa ke
pilih + create new app, maka akan keluar

isi App Display Name dengan nama applikasi yang anda inginkan , misalnya KOTAK KOMENTAR, applikasi namespace boleh dikosongkan atau kalau anda ingin mengisinya maka isilah dengan nama apa yang anda inginkan , kalau saya mengisi dengan nama saya sendiri , tetapi yang penting tidak boleh kurang dari tujuh karakter atau tujuh huruf, dan jangan lupa mencentang pada I agree to the facebook platform policies .

7. selanjutnya anda akan dibawa ke pemeriksaan kode keamanan , masuka kan kode keamanan yang tertera pada kotak pemeriksaan kemanan tersebut.

8. selanjutnya anda akan dibawa ke halaman yang yang paling dibutuhkan untuk membuat kotak komentar facebook pada blog, disana anda bisa mengambil atau melihat ID aplikasi yang akan digunakan,
copi kode AppID tersebut dan paste di notepad atau word yang ada pada komputer anda, karena AppID tersebut lah yang akan digunakan, setelah selesai jangan lupa pilih " simpan perubahan ".


9. langkah selanjutnya adalah , silahkan login ke blog anda , dasbor >> rancangan>> Edit HTML , dan jangan lupa centang tanda

10. selanjutnya anda cari kode <data:post.body/> (untuk setiap template berbeda-beda posisi code itu , untuk yang telah memasang "read more "silahkan cari kode <data:post.body/> yang kedua), kalau pada blog saya kode tersebut terdapat seperti ini :
setelah anda menemukan kode tersebut maka pasang script dibawah ini tepat dibawah kode tadi,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;AppID&#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>


11. ganti tanda ApID dengan kode AppID/apikey yang telah anda buat tadi atau yang anda copikan ke notepad tadi.

12. hasilnya seperti ini


13. setelah itu simpan template anda dan lihat hasilnya..

ok kan ...??
gak susah kan memasang kotak komentar facebook di blog anda, kalau anda ingin lihat hasilnya silahkan lihat dibawah ini, eittzz tapi jangan lupa komentar nya yach..hehehehe

Tidak ada komentar:

Posting Komentar