Saya ingin menonaktifkan kotak Komentar yang muncul saat pengguna mengklik tombol Suka Facebook (fbml) yang saya tempatkan di situs saya. Apakah ini mungkin dilakukan? Saya tidak dapat menemukan detail apa pun di dokumentasi.
facebook
facebook-like
fbml
BrynJ
sumber
sumber
Jawaban:
Perbaikan paling sederhana untuk menyembunyikan kotak komentar setelah Facebook Suka (versi XFBML bukan yang iframe) adalah seperti yang diberikan:
Letakkan gaya CSS di salah satu file CSS Anda dan lihat keajaibannya, berhasil :)
sumber
Menempatkan iframe dalam div berukuran tepat dengan overflow disetel ke hidden menyelesaikan masalah ini - meskipun ini sebenarnya hanya menyembunyikan masalah seperti itu.
sumber
Saya menggunakan ini di CSS saya:
dan render tombol Facebook dengan kode HTML5 normal, seperti ini:
gr-
sumber
<div>
ukurannya tetap sama tetapi menampilkan kotak entri teks, lalu tekan tab dan tombol Tutup dan Poskan menjadi terlihat . Tidak baik. Saya menguji dengan Firefox.Yang saya lakukan adalah membuat div untuk tombol "suka" seperti ini:
Dan inilah CSS-nya:
sumber
Saya menyukai solusi Mohammed Arif dan saya memilihnya sebagai jawaban terbaik. Tetapi jika FB mengubah kelas, maka perintah di bawah ini akan selalu berfungsi ..
di mana "like_button_holder" adalah id div "ANDA" yang menahan kode tombol suka facebook
sumber
The solusi bersih yang bekerja (pada Mei 2014 ) -
Pertama-tama pastikan properti
<div class="fb-like"
memiliki data-layout sebagai tombol -Tambahkan saja CSS ini-
Itu dia!
Demo
sumber
Bukan menjadi Debby Downer di sini, tetapi tidak menyembunyikan kotak komentar melanggar Kebijakan Facebook?
IV. Titik Integrasi Aplikasi d. Anda tidak boleh mengaburkan atau menutupi elemen plugin sosial kami, seperti tombol Suka atau plugin kotak Suka.
https://developers.facebook.com/policy/
sumber
Saya tidak bisa mendapatkan
display: none
opsi untuk bekerja dengan tombol versi HTML 5. Sebagai gantinya saya menargetkan div tempat tombol tombol suka dibuat dan mengatur overflow menjadi tersembunyi.Menjatuhkan perintah berikut di file css utama saya berhasil:
sumber
Setuju dengan BrynJ, solusi terbaik saat ini adalah meletakkan tombol suka dalam wadah div tinggi 20px, dan mengatur overflow ke tersembunyi (saya membaca di suatu tempat bahwa FB baru-baru ini memindahkan flyout komentar ke iFrame, jadi solusi yang mengubah gaya . fb_edge_widget_with_comment mungkin sudah tidak berguna lagi untuk pengguna iFrame).
Menggunakan AddThis? Melakukan hal ini:
sumber
Jika tombol suka menghilang saat Anda mengeklik "suka" dan Anda memiliki div kontainer untuk menyembunyikan pop-up komentar, gunakan solusi berikut:
buat div kontainer untuk menempatkan tombol seperti fb dan berikan css berikut:
sumber
Saya berhasil menghindari masalah pop-up komentar tombol suka Facebook dengan menerapkan versi IFRAME sebagai gantinya. Saya mengambil langkah-langkah berikut untuk melakukannya:
Dari apa yang saya lihat, tombol suka dengan penerapan IFRAME tidak memicu sembulan apa pun. Ini hanya berfungsi sebagai tombol suka. Ini adalah hasil yang saya inginkan.
Semoga berhasil.
sumber
Berikut adalah kode agar tombol Suka berfungsi hanya sebagai tombol standar bersama dengan Twitter dan Linkedin. Semoga membantu.
sumber
Ayo coba yang ini:
sumber
Seperti yang sudah saya lakukan, popup komentar akan dinonaktifkan ketika:
sumber
Jika Anda menggunakan tombol HTML5 yang lebih baru, dan Anda harus seperti itu kompatibel ke depan dan disarankan oleh Facebook, itu mudah, keluar dari apa yang orang lain katakan:
Kelas kedua adalah bonus bagi mereka yang menggunakan plugin AddThis.
sumber
Opsi ketinggian luapan yang disebutkan di atas tidak boleh digunakan saat
show-faces=true
. Jika tidak, itu akan menyembunyikan wajah.sumber
Dalam kasus saya (dengan versi XFBML) saya telah menambahkan ke tag ini:
Jadi hasil akhirnya adalah:
Itu menyembunyikan dengan benar popup komentar.
sumber
Menyembunyikan kotak komentar berfungsi tetapi dapat menimbulkan masalah jika Anda memiliki elemen yang dapat diklik di belakang kotak flyout komentar.
Anda harus menyembunyikannya dan menghapusnya dari postingan DOM seperti.
Berikut adalah CSS untuk menyembunyikan kotak komentar:
Berikut adalah cara JQuery untuk menghapus elemen DOM:
Berikut adalah cara javascript murni menggunakan widget yang disediakan dari callback:
sumber
Jika Anda hanya ingin menampilkan tombol suka, Anda dapat mencoba sesuatu seperti ini
HTML:
CSS:
sumber
Mengatur overflow ke hidden mungkin membantu. Lakukan ini di file css utama Anda ..
sumber
Bagaimana kalau iframe yang berisi tombol like berukuran sama dengan tombolnya:
Itu dia.
sumber