ketika sedang ingin berkomentar mungkin kita tidak bisa mengutarakannya karena admin yang mempunyai blog itu biasanya hanya menyediakan pengguna akun Google+, disqus, blogger dan wordpress, sedangkan kita sendiri hanya mempunyai akun Facebook.
Mau tidak mau kita harus mendaftar terlebih dahulu agar kita bisa berkomentar dan mengutarakan pikiran kita didalam blog tersebut. Rata-rata orang yang ingin melakukan sesuatu mereka biasanya memakai cara yang instant, tujuannya agar lebih cepat, hemat waktu dan tidak repot untuk mendaftar kesana kemari. Biasanya orang yang memakai cara instant, mereka tidak ingin mengutarakan pikirannya di dalam blog yang sedang dikunjungi. Sebagai admin blog (Termasuk Saya), kejadian seperti itu harus patut kita perhatikan karena jika tidak diperhatikan otomatis pengunjung dari pengguna Facebook tidak ingin berkomentar di blog kita, dan bisa-bisa pengunjung blog kita turun drastis dibandingkan dengan sebelumnya.
Untuk mengantisipasi kejadian tersebut kita harus menyediakan kolom komentar bagi pengguna Facebook, namun kebanyakan orang yang ingin memasangnya mereka tidak tahu menahu bagaimana caranya. Pada kesempatan ini saya ingin berbagi trik bagaimana kamu (Admin Blog) bisa memasang kolom komentar facebook di blog, cara ini adalah cara terbaru yang baru saya lakukan. Baru-baru ini facebook sedang mengadakan renovasi design widget untuk dipasang oleh para webmaster, jadi ada beberapa tampilan dan script yang berbeda dari sebelumnya, cara ini baru saya pakai dan alhasilnya memang lebih enak dipandang, tidak berat daripada sebelumnya dan juga kita bisa menghapus dan membaned pengguna facebook jika ada yang menggunakan kata-kata kasar.
Apa yang membedakan versi terbaru dengan versi sebelumnya?
- 1. Kamu bisa menghapus komentar yang tidak seharusnya ditampilkan
2. Kamu bisa mereview komentar. Maksudnya, kamu bisa memoderasi komentar "apakah ingin ditampilkan atau tidak".
3. Tampilannya lebih dinamis dan stylish.
4. Tidak lemot daripada sebelumnya
5. Jika pengunjung menggunakan HP komentar ini akan menyesuaikan ukuran pada layar HP pengunjung. (Responsive).
6. Kata-kata yang terdapat dalam komentar facebook masuk ke search engine
Cara memasang komentar facebook di blog versi terbaru
1. Masuk ke Facebook
2. Buatlah app facebook (wajib)
Baca juga :
Cara membuat aplikasi Facebook terbaru dan cepat
3. Masuk ke app facebook yang sudah dibuat tadi.
4. Copy app ID Anda ke dalam notepad (Id ini nantinya akan kita gunakan)
5. Masuk ke Template -> Edit HTML
6. Masukan meta tag ini, di bawah Kode <head>
<!-- Open Graph Meta Tags -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
</b:if>
</b:if>
</b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7QvUqILVNBY_aNQUv_BRuxxz7VnSlVbRZrBARD6uy6Ccuf0g0uk25xyiBumoYyyZDb7ADduRWO7AscUhF5Mh2CjAEQP7dpDn8U4J7oqpmmXv92F28Lnc2Au1Douu8H_4pmRNx7Sqm6s/s1600/meta-tag-conditional.jpg' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='DESCRIPTION_BLOG_ANDA' property='og:description'/>
</b:if>
<!-- Facebook Meta Tags -->
<meta content='ID_FB_ADMIN' property='fb:admins'/>
<meta content='ID_FB_APP' property='fb:app_id'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>Perhatikan Kode di atas:
Ganti sesuai Data punya anda
1. DESCRIPTION_BLOG_ANDA *Ganti sesuai description blog anda
2. ID_FB_ADMIN *Bisa anda lihat di profil fb anda sendiri
3. ID_FB_APP *Lihat langkah ke 4
7. Setelah itu carilah kode </body>, lalu masukan kode ini diatasnya
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
var appid = "ID APP FACEBOOK";
var appsid = "ID APP FACEBOOK";
//]]>
</script>
<script src='https://googledrive.com/host/0BwSZrlkx2rG_YU1fallDdzJ1UHM' type='text/javascript'/>*Note
Ganti ID APP FACEBOOK anda *Lihat di langkah ke empat tadi
8. Lalu cari kode </head> dan masukan kode javascript komentar V2.3 ini diatasnya
<script type="text/javascript">
(function(a,b,c){var d=a.getElementsByTagName(b)[0];a.getElementById(c)||(a=a.createElement(b),a.id=c,a.src="//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.3",d.parentNode.insertBefore(a,d))})(document,"script","facebook-jssdk");
</script>9. Setelah semua script terpasang saatnya kita membuat komentar facebook di blog, caranya carilah kode <data:post.body/> (Biasanya lebih dari satu, pilih saja yang terakhir, jika masih tidak bisa cobalah satu per satu).
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<div class='fb-comments' data-colorscheme='light' data-mobile='auto-detected' data-numposts='5' data-order-by='reverse_time' data-width='100%' expr:href='data:post.url'/>
</b:if>10. Udah beres sob sampe sini aje hehe silahkan cek blog sobat sekarang.
Gimana mudah bukan ? Kalau ada ksulitan silahkan bertanya di kolom komentar ya ..
Demikian lah Artikel tentang Cara memasang komentar facebook di blog versi terbaru Semoga bermafaat.
2 comments
wah .. yang versi sekarang lebih keren viturnya dan tampilannya juga bagus . ijin coba ya mas .. :))
Silahkan sobat di coba hehe
Berkomentarlah dengan Bahasa yang Relevan dan Sopan.. #ThinkHIGH! ^_^