Cara Mudah Membuat dan Memasang Kotak Komentar Facebook Responsive di Blogspot - Memasang kolom comment facebook di blog sangatlah mudah , Karena facebook sendiri sudah menyediakan plugin comment yang dapat kita pasang di blog kita
Tapi kali ini saya akan memodifikasi komentar facebook di blog kita menjadi responsive , sehingga pengunjung mengakses blog anda dalam bentuk apapun dapat berkomentar di blog anda menggunakan komentar facebook dengan nyaman , karena udah di modif responsive . untuk cara pembuatanya hampir sama dengan komentar facebook yang lainya kita hanya menambahkan widht menjadi ukuran 100% dan menambahkan java script agar widht 100% tadi bekerja , karena kalau tidak dikasih java script ukuran widht 100% tidak akan bekerja , ukuran widht default komen facebook menggunakan ukuran pixel ( px )
Berikut Cara Memabuat dan Memasang komen Facebook Responsive di blog
- Pertama pergi ke editor template , lalu pasang meta content berikut dibawah kode
<head>
<meta content='FB Profile ID' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/>
Ganti Profile ID
dan App ID
dengan ID facebook anda
Untuk mengetahui ID facebook
anda , silahkan baca cara mengetahui id facebook kita
- Kemudian cari kode
</head>
(gunakan Ctrl+F untuk memudahkan)
Copy-Paste kode berikut di atas atau sebelum kode </head>
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="10"></div>');
FB.XFBML.parse( );
});
//]]>
</script>
- Selanjutnya pasang html berikut tepat dibawah
<data:post.body/>
( biasanya kode tersebut lebih dari 2 , sobat pilih aja yang terakhir atau di coba satu persatu )
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='500'/></div>
</b:if>
- Langkah Terkahir Simpan Template dan Lihat Hasilnya
Nah gimana ? mudahkan Cara Mudah Membuat dan Memasang Kotak Komentar Facebook Responsive di Blog ? pastinya mudah dong , karena tutor diatas cukup jelas untuk menerapkan komentar responsive facebook di blog , hehhehe , namun jika masih kesulitan silahkan tanya dengan berkomentar dibawah
61 Komen Cara Mudah Membuat Komentar Facebook Responsive di Blog
Sip deh, jadi yang belum pnya akun google bisa berkomentar menggunakan komentar facebook ya gan, manteps :-d
ikut nyimak gan
iya mas sama-sama
silahkan gan :D
Salam pertemanan bro.... artikel nya bagus....
masih tidak responsif mas..setelah browser di resize, ukuran comment boxnya masih belum responsif.
Menarik sob artikel nya
nice info gan..
hajar balik blog ane ya gan
http://eserdua.blogspot.com/p/daftar-harga.html
Makasih gan kunjungan balik
http://zen-aikido.blogspot.com
Mkasih gan infonya sekarang ane mau coba dehh !! Thanks'yaaa
http://allowez.blogspot.com/
waw hebat postingnya gan
sippp berhasil gan
Punya ane make kode yg terakhir awalnya engga bisa, tp setelah diletakin di tempat data.post yang ke 2... jreng.. munculdeh gan hahahaha...
mampir ya gan ke lapak ane
http://warofin.blogspot.com
Sala jga bro , makasih :D
Kala di resize emang gak responsive , tapi kala di cek di hp responsive kok
Sip , bearti anda cermat :D
Selamat gan
gak mau muncul gan kalo dicek di hp
klo sdh sd terpsng komen fb sebelumnya, hrus dihpus tdk mas ?
wah mantap gan berhasil terpasang, artikel yg sangat membantu ...
visit jga: http://anggasite01.blogspot.com/
mantap pisan tipsnya mau saya coba
http://ow.ly/F7FCS
makasih tutornya om, akhirnya berhasil...
sangat membantu tutorialnya, makasih mas
http://goo.gl/NPQiFO
sip bro... berhasil....
terimakasih mantabs mudah dan simple penjelasanya,sukses dan berhasil
Gan work, thanks ya Gan share ilmunya...
Oh ya idzin follow juga ... Kunjungi blog kami ya gan minta sarannya gan krn kami masih new bie. Bahkan mungkin dibawah new bie ... hhe
Follow balik juga ya gan ... hhe
thanks artikel yang sangat bermanfaat dan 100% work di template kami.
trims oom artikelnya
Berhasil gan, cuma pilihan posting komentar hanya ada facebook dan yahoo. untuk G+ ga bisa di tambahin gan?
Trus jika ada komentar yang masuk apa ada pemberitahuan langsung ke email/facebook terkait? Ditunggu kabarnya. Thx.
makasi infonya gan...siip deh..nyari driver laptop masuk aja di ondriver.blogspot.com
Sukses pasangnya gan, terima kasih atas tutirnya. Salam Kenal
Pengalaman memasang pakai cara ini, apabila sudah terlebih dahulu membuat/memasang related post (artikel terkait) dan menyimpangnya di data "post body", maka untuk kode pada langkah ketiga sebaiknya di letakkan di bawah kode widget related psotnya.
susah cari kodingya.. pake ctrl f gak ketemu malah eror..gimana yah ada solusi
Berhasil kang tara rengku terima kasih informasi beranfaat
Berhasil gan, terima kasih atas informasi yang bermanfaat.
sorry oot. kalo menghaspus kotak komentar bawaan gimana ya gan.
cara mengatur besar form facebook comment agar sesuai dengan postingan?
berhasil kang hehehe.
Gan, kotak komentar bawaan kok ilang ya ? gimana cara balikinnya ?
kalau bergandengan gimana ya mas
terimakasih atas posnya kebetulan saya juga membahas coment facebook plugin, mampir ya gan dengan cara klik akun saya
artikelnya membantu mas. Terima Kasih Banyak
Thanksss sangat membantu sekali
makasi om, mau test komentar yg responsive ah
Mampir mampir gan egriajoy.blogspot.com masih tahap awal
mantap ni masyadi artikelnya,
saya pertama buat untuk di blog saya ga berhasil, tapi saya letakkan kode ke tiga di bawah kode ini mas "div class='comments' id='comments" dan ternyata berhasil
Mantab mas triknya
bang setiap klik postpasti muncul pesan message failed ada solusi ?
mas, kalau sya membgikan tautan di FB, Lalu hasil yang nge Like dan Koment di FB bisa keluar di postingan blog . itu bagaimana caranya mas..??
makasih mas sudah berbagi. baru taw caranya. masih belajar... hehehehehe
akhirnya bisa juga,mantap min :D
mampir ke sini
adiyamrahman.blogspot.com
kumpulan informasi materi bahkan gaming lengkap. terimakasih , hehe :)
mas apa bisa komentar fb di moderasi ? Saya coba pasang sudah muncul di blog.tapi ketika saya cek di app fb nggak muncul sama sekali. saya juga sudah menambahkan kata kata yang harus diblaclist saat berkomentar, tp tetap gagal. Gimana solusinya mas ?
Thank's infonya gan.
Gan, kalau saya nempatin kode yang terakhir di bawah kode maka hasilnya akan di dalam posting. Saya sudah coba.
Sebagai sulusinya saya letakkan kode komentar facebook yang terakhir itu tepat di bawah artikel terkait.
Tapi secara keseluruhan untuk tutorial agan berhasil alias ga ada error. Cuma kurang tepat penempatannya saja (bagi saya).
Thanks gan.
Mas terimakasih banyak ya.. soalnya berkat kode yang ada di blog Mas ini saya berhasil memasang kotak komentar facebook di blog saya sesuai keinginan,. gak tau ya mas ( Aku bikin di facebookDevelopper yg 2016 ini kodenya gak support di template aku ) untungnya Mas Yadi punya kode versi lain (inframe mungkin) sehingga bisa dipasang di blog aku.. + aku edit sedikit hehe.. ganti beground sama lebar kotak komentarnya..
Makasih ya mas tadinya aku cari kesana kemari gak ada yang cocok tutorialnya Cuma disilah yang bisa Klop sama template saya..
Kasih G+ dah.. :D :D
Nice info gan...
sukses terus ya.. God bless
SINGKAT PADAT KENA ! THANKS
ok mas.kapan kapan saya coba pasang.
akhirnya nemu juga tutorial buat 2 jenis komentar, tapi klau mau buat 3 jenis komentar gimana mas? facebook, disqus dan default
kok enggak bisa ya mas di blog saya
kalo pake hp aja bisa gk gan? 😁
kalo pake hp aja bisa gk gan? 😁
= > Silahkan berkomentar sesuai artikel diatas
= > Berkomentar dengan url ( mati / hidup ) tidak akan di publish