Thursday, February 17, 2011

Tips Trik Blog: Cara Mudah Membuat Kotak Komentar Facebook Di Blog

Dengan memasang Kotak komentar Facebook di blog adalah satu cara untuk menarik dan juga menambahkan percakapan di blog sobat, saat ini Facebook telah meluncurkan banyak sekali social plugins untuk Blogger dan Web developer, dan tentunya salah satunya adalah Kotak Komentar Facebook ini.
Jika sobat ingin mencoba bagaimana cara mengaplikasikan kotak komentar facebook ini di blog sobat, silahkan baca terus artikel ini.

Yang pertama harus dilakukan adalah sobat harus mendaftar di Facebook developer page.
 berikut adalah tampilannya:



kemudian sobat masukan nama, dan site URL sobat, lalu klik buat aplikasi.
setelah itu sobat akan mendapatkan yang dinamankan APP ID


Selanjutnya, sobat login kedalam akun blogger sobat, lalu masuk ke menu rancangan - pilih edit HTML dan ceklis Expand Templates Widgets,
sobat cari (CTRL + F) <data:post.body/> atau <div class=’post-header-line-1′/>
intinya sobat cari <data:post.body/> yang urutan kedua (Jika ada dua).
Lalu copy dan pastekan kode berikut tepat dibawah <data:post.body/> atau <div class=’post-header-line-1′/>
Klik disini[kode HTML] :

<b:if cond='data:blog.pageType == &quot;item&quot;'> <p align='left'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVpZddWSfFTqqiewA1EuMk-XZZXdFwKg_s5yPs3loKT8KWGpslsO9g_Rg7lX_YU6UIC2Cl9P1U2WP3vYZgUuuCSwB7qO8394lh_2ar6a9EcyAp1E_LDZJ2ENmfFw0dJ71_lFmek1tX2CWN/s1600/cmds.png'/></p> <div id='fb-root'/> <script> window.fbAsyncInit = function() { FB.init({appId: &#39;APPID&#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>
Ubah APP ID dari kode diatas tadi dengan APP ID yang sobat dapatkan.
Setelah itu save template sobat.

yang terakhir adalah pengaturan menghilangkan/menyembunyikan kotak komentar BLOG sobat.
caranya:
pergi ke menu setting - Pilih Comment - lalu pada tulisan comment (komentar) pilih yang Hide untuk menyembunyikan, setelah itu simpan..
sekarang lihat blog sobat..

1 comment:

Mohon maaf untuk komentar yang masuk harus terlebih dahulu melalui moderasi untuk menghindari adanya hal-hal yang tidak diinginkan dan juga SPAM..