Membuat Facebook Comment di setiap halaman posting blog ini memang sudah banyak para bloger yang sudah membuat tutorial seperti ini. awalnya saya sendiri mencoba mencoba menanyakan cara ini ke Google banyak sekali tutorial mengenai hal itu cara mereka masing-masing yang tentu berbeda cara dan trik-nya.
Saya pun mencoba memasangnya ke halaman blog saya, dan hasilnya halaman blog saya berantakan. saya terus mencoba mencari cara lain tapi selalu sama.
Akhirnya saya coba mencari caranya langsung dari developer Facebook itu sendiri. cara yang akan saya bagikan akhirnya berhasil.
Nah....sekarang sobat memasangnya di halaman blog masing-masing, barangkali tertarik karena belum pernah nyoba. bagi yang sudah bisa mohon kritikan dan masukannya bagi Newbe ini. heeee....
Nah...bagaimana cara pembuatannya...
Tentunya anda harus punya Facebook dulu dan sudah memiliki App Id Facebook. bagi yang belum tahu cara mendapat AppId Facebook bisa ikuti panduannya Disini.
Langkah berikutnya kita harus dapat Code dari Developer Facebook. biar lebih mudah ikuti aja link ini https://developers.facebook.com/docs/reference/plugins/comments/ .
Anda akan menemukan seperti di bawah ini :
- URL to commnet on : Isikan URL Blog
- Width : Sesuaikan lebar dengan halan blog
- Number of post : Menampilkan jumlah post comment
- Color Sheme : Untuk mengatur tema warna
Klik Get Code untuk mendapatkan code. Anda akan menemukan window seperti di bawah:
Langkah selanjutnya :
1. Login ke Bloger
2. Pilih Edit Template
3. Cari Code seperti ini :
</b:includable>
<b:includable id='main'>
4. Copy Code yang ada pada kotak pertama seperti gambar di atas dan letakkan tepat di
atasnya.
5. Cari lagi Code seperti ini :
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
6. Copy Code yang ada di kotak kedua pada gambar di atas tepat di bawah Code
<data:post.body/> yang pertama.
7. Pada langkah ini Kita kembali ke halaman Facebook Develover tadi. scroll kebawah
dan temukan code seperti ini :
Lalu kembali ke template bloger dan cari Code <head>.
Letakkan Code tersebut di barisan <meta> yang terakhir.
Pada bagian "{YOUR_APPLICATION_ID}" ganti denga AppId Facebook Anda.
8. Terakhir.... Save Template
Demikian Semoga dapat membantu. kritik dan saran masukkan di kolom comentar.
0 komentar
Posting Komentar