Baca Juga : Cara menambahkan Animasi Burung Twitter terbang di Blog
Kini Facebook juga telah membuat Widget / Plugin Komentar untuk Blog atau Website. Sekarang kita dapat dengan mudah menambahkan Widget / Plugin Komentar Facebook ini di Blog kita karena Widget / Plugin ini bisa digunakan di berbagai Platform Blog (Blogger, Wordpress, dll). Komentar Facebook ini tentunya akan memudahkan Pengunjung untuk berkomentar dengan Profile Facebooknya dan Juga memudahkan Pengunjung untuk membagikan Konten kita di Facebook.
Baca Juga : Cara Mengoptimalkan Gambar agar lebih SEO Friendly
Bagaimana Cara Menambahkan Komentar Facebook di Blog?
Temen - temen Blogger hanya perlu mengikuti langkah - langkah mudah yang akan saya jelaskan beserta screenshootnya di bawah ini :Langkah Pertama Membuat Facebook App :
- Login ke Facebook, lalu menuju ke halaman Facebook Developer App.
- Klik Tombol [+ Buat Aplikasi Baru]. (Jika kamu sudah membuat App, kamu bisa melewati Langkah ini)
- Isi Formnya :Perubahan :
Nama Aplikasi : Isi sesuai dengan Nama Aplikasi yang kamu Inginkan.
App Namespace : nama yang digunakan untuk URL app. Isi Namespace "Tanpa Spasi".
App Category : Isi sesuai dengan Kategori App kamu.
Setelah selesai mengisi, Klik Tombol "Lanjutkan". - Isi lagi Form yang perlu diisi, ( Aktifkan Sanbox mode jika ingin hanya kita yang dapat menggunakan App nya. ). :
Jangan Lupa, Copy "APP ID" mu dulu dan Paste di Notepad atau dimana karena itu yang kita perlukan untuk Membuat Widget Komentar Facebook nanti. Setelah itu Klik tombol "Simpan Perubahan". Langkah Membuat Facebook App sudah selesai.
Baca Juga : Cara Memasang Auto Read More Dengan Thumbnail Blogger
Langkah Kedua Menambahkan Komentar Facebook di Blogger :
- Login Ke Blogger dan Langsung menuju ke menu Template >> Edit HTML.
- Cari Kode <html . Kamu bisa menggunakan Fasilitas Find (Ctrl + F) Jika perlu. :
Ganti / Replace kode <html dengan kode dibawah ini :<html xmlns:fb='http://www.facebook.com/2008/fbml'
- Copy Kode di bawah ini dan letakkan (paste) di Atas kode </head> :<meta expr:content='data:blog.pageTitle' property='og:title'/><meta expr:content='data:blog.url' property='og:url'/><meta content='CaraSeoBlogger' property='og:site_name'/><meta content='URL_Gambar_Logo_Blog' property='og:image'/><meta content='App_ID' property='fb:app_id'/><meta content='http://www.facebook.com/caraseoblogger' property='fb:admins'/><meta content='article' property='og:type'/>
Perubahan :- "CaraSeoBlogger" ganti dengan Nama Blog mu.
- "URL_Gambar_Logo_Blog" ganti dengan URL Gambar Logo Blog mu.
- "App_ID" ganti dengan APP ID yang tadi sudah di Copy di Langkah pertama ketika membuat Facebook App.
- "http://www.facebook.com/caraseoblogger" Ganti dengan Alamat Fan Page kamu di Facebook.
- Copy Kode di bawah ini dan Letakkan (Paste) di atas Kode </body> :<div id='fb-root'/><script> window.fbAsyncInit = function() { FB.init({ appId : 'App_ID', 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('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }());</script>
Perubahan :- "App_ID" Ganti dengan App Id mu.
- Cari Kode <data:post.body/> dengan Fasilitas Find (Ctrl + F)
- Copy Kode di Bawah ini. Dan Letakkan (Paste) di atas Kode <data:post.body/> :<b:if cond='data:blog.pageType == "item"'>
<div align='center'>
<div id='fb-root'/><script> window.fbAsyncInit = function() { FB.init({appId: 'APP_ID_MU', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script> <fb:comments width='580px' expr:title='data:post.title' expr:href='data:post.url' colorscheme='light' expr:xid='data:post.id'/><p><span style="font-size: x-small;"><a href="http://www.caraseoblogger.com/2013/11/widget-komentar-facebook-di-blog.html">Facebook</a></span></p> </div></b:if>
Perubahan :- "width:580px" Ganti sesuai dengan ukuran lebar yang kamu Inginkan.
- Setelah selesai dengan benar. Klik "Simpan Template". Dan Selesai. Sekarang Pengunjung sudah bisa berkomentar dengan Facebook di Blog Temen - temen Blogger. Semoga Bermanftaat, jangan lupa share Tutorial ini di Media Sosial untuk membantu Blog ini agar tetap hidup. Terima Kasih.
small
Tidak ada komentar:
Posting Komentar