Click Here

Labels

Cara Pasang Kotak Komentar/Comment Form Facebook di Blogger

Cara Membuat Kotak Komentar/Comment Form Facebook di Blogger | Mungkin Tips ini udah bukan hal baru lagi, namun jika niat ingin berbagi, tidak ada kata terlambat. Berikut ini ingin mensharingkan cara membuat Kotak Komentar/Comment Form Facebook yang akan di tampilkan di Blogger. Jadi Kotak komentar yang sudah secara default ada di blogger dirubah atau ditambah dengan aplikasi kotak komentar/Comment form yang disediakan oleh Facebook.

Fungsi kotak komentar Facebook ini adalah sebagai pengganti atau alternatif lain bagi pengunjung blog kita untuk memberikan komentar di blog kita, karena memungkinkan untuk pengunjung blog selain pengguna Blogger/Wordpress/Typepad/Open id untuk memberikan ide/komentar/saran/kesan untuk blog kita. Dikarenakan pengguna Facebook semakin meningkat jumlahnya, jadi bisa dipastikan hampir semua pengunjung blog memiliki akun Facebook.

Untuk melihat demo Kotak komentar Facebook, silakan lihat Disini

Berikut ini cara membuat/memasang kotak komentar Facebook di blogger :

Pertama, silakan buat aplikasi facebooknya disini : Facebook Develover

isi form dengan lengkap seperti contoh diatas.
untuk kolom URL site, isi URL blog anda, jangan lupa tambahkan backslash "/" diakhir URL agar blog anda bisa dikonfirmasi.
Contoh : http://serba-seru.blogspot.com menjadi http://serba-seru.blogspot.com/ <=

Kemudian ambil ID aplikasi yang sudah diberikan (lihat contoh dibawah)

Langkah selanjutnya, langsung menuju Blogger. Login ke account blog anda.
Kemudian langsung menuju Design/Rancangan => Klik tab Edit HTML => Centang "Expand Widget Template".
Lalu cari code berikut ini :

<data:post.body/> atau <div class='post-header-line-1/>

Jika sudah ketemu, Paste code berikut ini setelah code diatas  
(Jika sudah memasang readmore, terdapat dua code <data:post.body/>, maka letakkan code dibawah ini setelah <data:post.body/> yang kedua)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href='http://serba-seru.blogspot.com' target='new'><img alt='' class='icon-action' src='https://lh5.googleusercontent.com/_7ZD5stokK_0/TVHvD7tshUI/AAAAAAAAAJk/iyp1iDAoVZ8/Serba-Seru-Blog-Facebook-Comment-1.png'/></a></p>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: &#39;ID-APLIKASI&#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/>
<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></p></div>
</b:if>

Ganti tulisan ID-Aplikasi dengan ID Aplikasi yang telah anda buat sebelumnya.
Jika ingin mengganti background untuk menyesuaikan dengan template blog anda, silakan ganti kode warna tulisan yang berwarna biru diatas (#ffffff)

Bagi anda yang hanya ingin menggunakan kotak komentar Facebook saja di blogger tanpa comment form blogger, anda bisa menghilangkan comment form blogger tersebut dengan cara :
Klik Tab Setting/Pengaturan => Comments/Komentar => Klik hide/sembunyikan pada bagian Komentar/Comment

Untuk melihat contoh hasilnya, silakan lihat Disini

Semoga bisa bermanfaat.
Harga Notebook Acer Aspire S3 Ultrabook

Sudah 25 Orang Berkomentar, Silakan anda yang selanjutnya :

Komentar dari Aria :

Kebutuhan akan informasi itu berlangsung terus menerus bahkan kadang ada orang yang membutuhkan sebuah informasi yang walaupun sebagian orang menganggapnya sudah terlalu kuno, untuk info yang ini saya rasa belum semua orang tahu termasuk saya sendiri yang baru mengetahuinya sekarang so tak ada kata terlambat untuk berbagi. maksih buat infonya mas, walaupun saat ini belum ada niatan untuk memasangnya tapi setidaknya menambah informasi bagi saya. sukses selalu mas Georgeouz!

Jawaban dari GEORGEOUZ :

mmg utk berbagi tidak ada kata terlambat, seperti yg sudah saya paparkan diatas, itu hanya sebagai basa-basi saja bagi yg sudah menggunakan atw yg sudah membuat tips tersebut. Namun terima kasih bgt nih atas masukkannya, semoga dg artikel yg ada disini bisa memberikan pencerahan buat yg membutuhkan. maklum, ini hanya sekedar sharing saja.
Thanx bgt ya atas kehadirannya di blog ini

Komentar dari wina.fatimah :

thanks, infonya. :)
trus, ini bisa dipake utk wordpress g??

Aq lg belajar ngblogg nih..hehe..

Jawaban dari GEORGEOUZ :

kl di wordpress.com, kayaknya msh blm bisa neng wina...kurang tau jg sih, mungkin ada yg sudah bisa....setahu saya sih msh blm bisa...maklum ga pernah lg nyentuh wordpress.com....thanx ya udh mmpir

Komentar dari wina.fatimah :

Ok, deh..

:D :D

Komentar dari B 4 YU :

Salam kenal ajach wes...

Jawaban dari GEORGEOUZ :

@wina: :D
@B4YU: salam kenal jg

Komentar dari 'Abank Yanz Azah' :

kk ko yang HIDE pada komentar d blog gk ada???

Komentar dari hary02 :

saudah aku coba kok ga bisa tampil ya???

Jawaban dari GEORGEOUZ :

@Abank Yanz Azah : hide nya ga ada...??? yang bener mas...???
@Hary02 : ga bisa...??? ya udah, coba pake comment facbook yg baru aja, lebih keren, ada fitur reply-nya....udh ditest brp kali, 100% sukses

Jawaban dari GEORGEOUZ :

@hary02...sorry lupa kasi linknya....Facebook komen yg baru disini http://serba-seru.blogspot.com/2011/03/kotak-komentar-facebookfacebook-comment.html

Komentar dari Lut :

http://luth-outsider.blogspot.com/2011/03/spanduk-nurdin-turun-terbentang-di.html

Komentar dari Admin :

Nice Post. Thanks udah kasih tutorialnya gan.
Nebeng link boleh ya gan.
http://bebasbekarya.blogspot.com/

Komentar dari Andriansyah :

nice share

Komentar dari tebegaya :

mau tanya nih, saya sudah menggunakan readmore, tapi ketika saya edit html saya cuma menemukan satu buah saja. gak ada yang ekdua n cuma ada satu. jadi karena itu pas di halaman awal facebook comments box muncul di halaman depan n jadinya gak bagus banget deh.
blog saya ada di http://tebegayatampan.blogspot.com
mohon pencerahannya soalnya saya dah mulai merasa putus asa deh nih..
thanks sebelumnya.. alamat email saya tebegaya@gmail.com.
thanks yah

Komentar dari Rizki Mujizat H. :

gan nah cara mengetahui ada orang yg komen gimana? soalnya di fb saya ga ada pemberitahuan

Komentar dari Faiq Qushoyyi :

kok gk muncul form comment'a gan ??

Komentar dari R. A. :

Mas, kalo nempelin bentuk komentar fb ke blog kita, itu bakalan ngaruh/menuhin inbox di email punya kita nggak mas?Makasih..

Komentar dari Mbah Lalar :

Ternyata memang sulit, yg Anda contohkanpun perlu banyak di rubah

Komentar dari Riyadi Rahmat :

Hy,, salam kenal,,!!
kunjungi blog aya ya,,!!
http://blogger-riyadi.blogspot.com/2011/08/tukar-link.html

Komentar dari Blokosutoo :

salam .. aku dah coba 2 kali masukin code Html di yang pertaa .. dan blokku lum ada readmore dan tapi masi belum berhasil mas ... mohon penginclongannya karena info ini aku butuhkan ... suwun mas

kunjungi blogku dan sekaligus butuh sarannya untuk yang masih amatiran ini asto.blog.com

suwun

Komentar dari Pabrik dan Aku :

http://pabrikdanaku.blogspot.com/

Komentar dari Pabrik dan Aku :

http://pabrikdanaku.blogspot.com/

Komentar dari Rudy Hartono :

thanks atas informasinya yang sangat bermanfaat dan mudah dicerna, salam kenal ya gan, follow me
http://caramembuatyangakumau.blogspot.com

Komentar dari Rudy Hartono :

thanks atas infonya, salam kenal

Silakan Tulis Komentar Anda di Bawah ini :

Silahkan tulis komentar anda dibawah ini, namun diharapkan jangan melakukan spamming,hindari komentar yang mengandung unsur SARA, berkata kasar serta hal2 negatif lainnya, Terima Kasih, Semoga bermanfaat