I want to hide the comment popup that comes up when a facebook like is done. I've tried with giving css
.-cx-PRIVATE-pluginCommentFlyout__fullButton {
display: none !important;
}
but that doesn't seems to work as the css is added dynamically through jquery I assume.
How can I hide this comment box?
The comment box do not appear anymore after clicking like button.
Go to Facebook Like Plugin
Enter details for your implementation of the Like button
Click on "Get Code" button
There are 4 sections you can choose from (HTML5, XFBML, IFRAME, URL),
choose IFRAME and copy the plugin code from IFRAME section.
Summary: Instead of copying the plugin code from HTML5 section copy
the one from IFRAME section.
This has already been answered in some other threads:
Facebook Like Button - how to disable Comment pop up box?
Facebook Like Button - how to disable Comment pop up?
Some answers might already be deprecated, but it´s worth a try. One solution that worked for me some months ago was to use the iframe-version and a width of less than 400px.
It seems that none of the older versions is working anylonger. That comment box always appears on my fb like buttons.
Related
So, when I click Like button I see the form to add some comment. I want to hide or prevent displaying this form. How to do that?
See this Facebook Like Button - how to disable Comment pop up?
Basically you just need to modify the css and hide the comment box after facebook like.
This question already has answers here:
Closed 10 years ago.
Possible Duplicate:
Facebook Like Button - how to disable Comment pop up?
I have a Facebook Like button on my site like so:
<fb:like href="http://www.facebook.com/myurl" colorscheme="light" send="false" width="450" show_faces="false" font="" ref="top_like_button"></fb:like>
When the user clicks it, I need to refresh the page. I have seen various posts on how to do this using the 'edge.create' event, and it works fine.
But my problem is when they click Like, it shows a popup saying "Post to Facebook".
So I really need to refresh my page after they have closed the popup. Is this possible?
An alternative acceptable solution would be to disable the popup completely, so that when they click Like the popup doesn't appear.
Thanks
You can avoid this flyout being displayed by using iframe version of Like Button social plugin.
When will users have the option to add a comment to the like?
If you are using the XFBML version of the Like button, users will always have the option to add a comment. If you are using the Iframe version of the button, users will have the option to comments if you are using the 'standard' layout with a width of at least 400 pixels. If users do add a comment, the story published back to Facebook is given more prominence.
Beware, this will make impossible to subscribe to edge.create/egde.remove events.
Iframe it or simply have the like box in a tight div with overflow: hidden.
div#like_box {
height: 20px;
overflow: hidden;
padding: 0;
}
If you can't remove it; hide it! :)
I've added iframe like button into the page http://www.electric-yoga.com/contact.html.
When I click on this button it shows +1 count, but in 1 second this count disappears.
Linter shows no errors - http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.electric-yoga.com%2Fcontact.html.
Any advice where I can look for a solution?
I am running into this same issue using the HTML5 version of the like button. The really weird thing is that the issue doesn't happen on all of the pages that we have a like button on. I found a bug on the Facebook Developer site and have submitted a repro. I suggest you do the same to give it some more visibility. You're not alone.
I am trying to add facebook 'like' buttons and tweet buttons at the end of each blog post on my tumblr blog. I used the 'minimalist' theme on tumblr. Ive tried just about every method to insert the html properly and nothing has worked. Below it the current full HTML that I am using. If you go to my site right now there is a facebook button and it actually works but there is a ton of blank space underneath that I cant get rid of. Also, it works in Safari but not Firefox which is odd. The fbook code is right before {/block:posts}. I've been able to look at other formats of buttons but they either like my entire page rather than individual posts or I have this same spacing/firefox issue. Can anyone help?
</div>
</article>
Comments
{/block:Posts}
I cant even get that. I've done this task a few times before with other themes and it is no problem at all. It sounds like you didn't uncheck the boxes on Facebook that enable the big black space go back to f.b. and get a new code made from the link page. Do not forget to uncheck the unneeded stuff or that will also be embedded in the code given you.
I added a like button in a facebook application (not iframe in order to capture the liked evenment...),
and when a user click on like, then he has the possibility to add a comment to the like.
I want to hide/remove this possibility to adda comment when he click on like.
Do you know if it's possible and how to do that?
Thanks
Set a fixed height and overflow hidden on the div that contains your like button so that it is hidden after the user clicks 'like'.
I added these CSS classes to my css file and it got rid of the comment box for me.
.fb_edge_widget_with_comment .fb_edge_comment_widget .fb_ltr {
display: none !important;
}