24 November 2012

Membuat Komen Facebook di Blogger

By kreasi

On 13:59

Cari Tutorial Kali ini mencoba membagi Tutorial tentang Cara Membuat Comment FB Di Blogspot Paling Mudah, ya sesuai dengan judul nya caranya sangat lah mudah, walaupun banyak yang sudah membuatkan tutorial tentang cara buat kotak komentar fb di blogtapi saya mencoba menjelaskannya dengan mudah sekali, simak baik - baik ya.

Langkah - langkahnya :

Login ke Fb Anda, dan buat app fb terlebih dahulu klik link ini https://developers.facebook.com/apps dan klik creat new app kalau belom tau cara buat aplikasi facebook baca disini http://ibad.bebasbelanja.com/membuat-aplikasi-facebook-dalam-5-menit.html
Langkah kedua kita menujuj ke link http://developers.facebook.com/docs/reference/plugins/comments/ dan masukkan url blog ada serta ukuran kotak komentar nya dan klik get kode, setelah muncul code silakan copy terlebih dahulu ke notepad ( pisahkan ke dua kode nya ya) karena lain penepatan di dalam blognya, setelah anda selesai mengopy code ke dalam notepad berarti sudah selesai cara yang pertama dan cara yang ke dua, sekarang mulai kita tinggalkan fb nya dulu kita beralih ke blog

Tambah kan Code berikut xmlns:fb='https://www.facebook.com/2008/fbml'> dan akan terlihat seperti ini

<?xml version="1.0" encoding="UTF-8" ?>

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

        <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='https://www.facebook.com/2008/fbml'>

          <head>

        <meta content='ID APP KAMU' property='fb:app_id'/>

Kemudian tambahkan lagi kode ini <meta content='ID APP KAMU' property='fb:app_id'/> tepat di bawah kode <head>, mungkin ada yang bertanya dimana kita mendapatkan ID APP itu? jawabannya dari aplikasi fb yang kamu buat di langkah pertama tadi, tapi lupakan dulu tentang ID APP nya ya nanti terakhir aja masukkannya

Ctrl+F cari kode ]]></b:skin> kalau ketemu lalu bukan kode yang anda copy ke notepad tadi tapi ingat kode yang pertama ya dan letakkan di atas kode ]]></b:skin>

Ctrl+F cari kode <div class='post-footer-line post-footer-line-3'/> lalu taruh kode ini <b:if cond='data:blog.pageType == "item"'> di bawah kode diatas, kemudian buka lagi notepad nya dan copy kode yg di notepad yang kedua di bawah <b:if cond='data:blog.pageType == "item"'> dan tutup dengan </b:if> maka kode nya akan terlihat seperti ini
```
<div class='post-footer-line post-footer-line-3'/>  

        <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div></b:if> 
```

Dan langkah terakhir adalah memasukkan ID APP KAMU di langkah ke 6 tadi, kemudian klik pratinjau dulu kalau tidak ada yang error maka anda telah sukses membuat Kotak Komentar Facebook di Blog anda klik simpang dan lihat hasil nya

Demikian Tutorial Cara Membuat Comment FB Di Blogspot Paling Mudah semoga bermanfaat..

http://www.caritutorial.com/2012/07/cara-membuat-comment-fb-di-blogspot.html