Cara Memasang Kotak Komentar FB di Blog

Cara Memasang Kotak Komentar FB di Blog – Sobat SelPro, pada kesempatan kali imi. Ponsel promo akan share mengenai cara memasang Kotak Komentar Fb di Blog, khususnya di blog yang berplatform Blogger atau blogspot. Salah satu elemen penting dalam suatu blog adalah sarana untuk berkomentar, olehnya itu telah ada sarana berkomentar bawaan blog, namun kadang sebagai kala kita jenuh bila harus berkomentar dari sarana berkomentar bawaan blog. Nah umtuk mengatasi kejenuhan itu, kita sebagai admin blog kreatif sedikit, mumpung dah ada sarana berkomentar miliknya fb alias facebook. Apa lagi jejaring sosial fb ini sedang netop-ngetopnya di negara kita kita, so pasti banyak pengunjung kita yang tentunya memiliki akun fb akan berkomentar di blog kita, melalui sarana berkomentar fb yang telah dipasang di blog kita. Dan sarana berkomentar ifb di blog ini multi fungsi, karena merupakan sarana atau sumber traffic ke blog kita.

Karena setiap komentar visitor di blog kita via kotak komentar fb, otomatis komentar visitor kita akan terkirim otomatis ke akun fbnya, dan bisa dilihat oleh terman2 fb dari visitor kita. Bayangkan bila dalam sehari ada 10 visitor yang berkomentar, dan masing2 visitor kita punya Teman fb 2000-an, dan masing2 teman fb dari visitor kita itu online sekitar 10% dan lantas berkunjung ke blog kita, maka kita saat itu juga akan mendapatkan visitor sekitar 2000-an visitor baru, hanya karena komentar dari 10 visitor pertama kita.

Makanya segera pasang sarana atau kotak komentar fb di blog Agan. Cara pasangnya mudah koq, nih simak naik2 yach gan:

Pertama-tama login di facebook

Kunjungi pengaturan Facebook Developer di url: https://developers.facebook.com/setup/

Daftarkan blog agan dengan mengisi formulir yang diberikan:

Nama situs: Nama situs/blog agan

Url situs: Alamat blog agan (contoh:http://www.ponselpromo.com/ selalu akhiri dengan slash “/”) . Lokasi: pilih bahasa Indonesia, Agan akan diberikan beberapa kode seperti ID Aplikasi, Copy kode tersebut atau catat di notepad karena nantinya kode itu akan dibutuhkan sebagai APP ID FACEBOOK AGAN. Perlu diketahui bahwa sistem komentar ini menggunakan kode FBML. Supaya Template support FBML maka kita lakukan langkah berikut

Masuk ke Blogger agan

Menuju ke “Rancangan” dan pilih “Edit HTML”. Cari kode <body> untuk mempermudah kode tersebut ditemukan, tekan tombol F3 di Komputer atau laptop anda. Lalu paste kode dibawah ini tepat dibawahnya. Ini kodenya:

<div id=”fb-root”></div> <script>     window.fbAsyncInit = function() {     FB.init({       appId  : ‘APP ID FACEBOOK AGAN‘,       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>

Kode berwarna merah adalah kode (ID) aplikasi facebook agan yang tadi agan .dapatkan di langkah sebelumnya. Langkah selanjutnya cari Kode </head> letakkan kode berikut di bawah kode </head>:

<b:if cond=’data:blog.pageType == &quot;item&quot;’> <meta   expr:content=’data:blog.pageTitle’ property=’og:title’/> <meta   expr:content=’data:blog.url’ property=’og:url’/> <b:else/> <meta   expr:content=’data:blog.title’ property=’og:title’/> <meta   expr:content=’data:blog.homepageUrl’ property=’og:url’/> </b:if> <meta   content=’MY-SITE-NAME‘ property=’og:site_name’/> <meta   content=’http://google.com/help/hc/images/logos/blogger_logo.gif’   property=’og:image’/> <meta content=’APP ID FACEBOOK AGAN‘   property=’fb:app_id’/> <meta content=’ID FACEBOOK PROFILE AGAN‘   property=’fb:admins’/> <meta content=’article’   property=’og:type’/>

Penjelasan kode:

Kode berwarna biru muda adalah nama situs blog agan, (contohnya: http://www.ponselpromo.com/).

Kode berwarna merah adalah kode (ID) aplikasi fb agan yang tadi agan dapatkan di langkah sebelumnya ( Contoh: 164805616879776)

Kode ijo muda adalah kode (ID) facebook profile agan

Cara mengetahui ID facebook profile:

Agan masuk ke Profil agan lalu agan lihat alamat di address bar browser agan, (contohnya ID facebook profil saya: http://www.facebook.com/ameeral.maruzy)

Simpan template, Selamat Blog agan sudah support FBML

Selanjutnya adalah tahap pemasangan kotak komentar!

Agan expand widget template agan!

Cari kode <data:post.body/>

Lalu paste kode ini dibawah kode <data:post.body/>:

<b:if cond=’data:blog.pageType == &quot;item&quot;’> <p align=’left’><a href=’http://goo.gl/j5o91′ target=’new’><img alt=” class=’icon-action’ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPKQ-ImSa0gudjq_2Z-LwhEBqmaoUcv3rP-ZjaGz4HY-yv3EFXa2896I2TE_W_2nFOZoEZVPsIYnvp3BFYjbfJo4DYvG_W5oRiVNxo55Na15JjGQNftTAMvoWvmfkgnQ3an_8pMRJKOqg/’/></a></p> <div id=’fb-root’/> <script> window.fbAsyncInit = function() { FB.init({appId: &#39;APP-ID AGAN&#39;, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(&#39;script&#39;); e.async = true; e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;; e.async = true; document.getElementById(&#39;fb-root&#39;).appendChild(e); }()); </script> <fb:comments/> </b:if> <div style=’background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;’><b> by <a href=’http://goo.gl/j5o91′ target=’_blank’ title=’Facebook Comment’>Facebook Comment</a></b></div>

Kode berwarna merah di ganti dengan kode APP ID agan, yang didapat tadi.

Simpan template agan. Bagi yang menginstal auto readmore, paste kode fecebook tadi tepat dibawah kode auto readmore. Nah sekarang Agan Sudah bisa merasakan manfaat Kotak komentar fb di yang luar biasa. Perhatian, jangan ganti kode diatas, karena jika terjadi modifikasi sedikit, maka aplikasi tidak akan jalan, dan jangan lupa periksa kerapatan kode HTML diatas. Okk selamat mencoba. [pp]