Baca Juga : Cara menambahkan Animasi Burung Twitter terbang di Blog
Kini Facebook juga telah menciptakan Widget / Plugin Komentar untuk Blog atau Website. Sekarang kita sanggup dengan gampang menambahkan Widget / Plugin Komentar Facebook ini di Blog kita alasannya Widget / Plugin ini sanggup dipakai di banyak sekali 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 supaya lebih SEO Friendly
Bagaimana Cara Menambahkan Komentar Facebook di Blog?
Temen - temen Blogger hanya perlu mengikuti langkah - langkah gampang yang akan aku jelaskan beserta screenshootnya di bawah ini :Langkah Pertama Membuat Facebook App :
- Login ke Facebook, kemudian menuju ke halaman Facebook Developer App.
- Klik Tombol [+ Buat Aplikasi Baru]. (Jika kau sudah menciptakan App, kau sanggup melewati Langkah ini)
- Isi Formnya :
Perubahan :
Nama Aplikasi : Isi sesuai dengan Nama Aplikasi yang kau Inginkan.
App Namespace : nama yang dipakai untuk URL app. Isi Namespace "Tanpa Spasi".
App Category : Isi sesuai dengan Kategori App kamu.
Setelah simpulan mengisi, Klik Tombol "Lanjutkan". - Isi lagi Form yang perlu diisi, ( Aktifkan Sanbox mode jikalau ingin hanya kita yang sanggup memakai App nya. ). :
Jangan Lupa, Copy "APP ID" mu dulu dan Paste di Notepad atau dimana alasannya 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 hidangan Template >> Edit HTML.
- Cari Kode <html . Kamu sanggup memakai Fasilitas Find (Ctrl + F) Jika perlu. :
Ganti / Replace arahan <html dengan arahan dibawah ini :<html xmlns:fb='http://www.facebook.com/2008/fbml'
- Copy Kode di bawah ini dan letakkan (paste) di Atas arahan </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 menciptakan Facebook App.
- "http://www.facebook.com/caraseoblogger" Ganti dengan Alamat Fan Page kau 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.net//search?q=cara-menambahkan-animasi-burung-twitter">Facebook</a></span></p> </div></b:if>
Perubahan :- "width:580px" Ganti sesuai dengan ukuran lebar yang kau Inginkan.
- Setelah simpulan dengan benar. Klik "Simpan Template". Dan Selesai. Sekarang Pengunjung sudah sanggup berkomentar dengan Facebook di Blog Temen - temen Blogger. Semoga Bermanftaat, jangan lupa share Tutorial ini di Media Sosial untuk membantu Blog ini supaya tetap hidup. Terima Kasih.
small
0 Response to "Cara Menambahkan Komentar Facebook Di Blog (Update)"
Post a Comment