사용자가 내 사이트에 배치 한 Facebook (fbml) 좋아요 버튼을 클릭 할 때 나타나는 댓글 상자를 비활성화하고 싶습니다. 이것이 가능합니까? 문서에서 세부 사항을 찾을 수 없습니다.
답변
Facebook 좋아요 (iframe이 아닌 XFBML 버전) 후 댓글 상자를 숨기는 가장 간단한 수정 사항은 다음과 같습니다.
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
display: none !important;
}
CSS 스타일을 CSS 파일에 넣고 마법을 확인하십시오.
답변
오버플로가 숨김으로 설정된 적절한 크기의 div에 iframe을 배치하면이 문제가 해결되었지만 실제로는 문제를 숨길뿐입니다.
답변
내 CSS에서 이것을 사용합니다.
.fb-like{
height: 20px;
overflow: hidden;
}다음과 같은 일반 HTML5 코드로 Facebook 버튼을 렌더링합니다.
<div class="fb-like" data-layout="button_count" data-show-faces="false"></div>gr-
답변
내가 한 일은 다음과 같은 “좋아요”버튼을위한 div를 만드는 것입니다.
<div class="fb_like">
<fb:like href="yourlink" send="false" layout="button_count" width="90" show_faces="false" font="arial"></fb:like>
</div>
그리고 이것은 CSS입니다.
.fb_like {
overflow: hidden;
width: 90px;
}
답변
나는 Mohammed Arif의 솔루션을 좋아하고 그것을 최선의 답변으로 선택합니다. 하지만 FB가 클래스를 변경 한 경우에는 항상 다음과 같이 작동합니다 ..
FB.Event.subscribe('edge.create', function(response) {
$('#like_button_holder').html('<div class="fb-like" data-href="http://www.your-url.com" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false"></div>')
FB.XFBML.parse();
});여기서 “like_button_holder”는 “YOUR”div id로 facebook like button 코드를 보유합니다.
답변
작동 하는 클리너 솔루션 ( 2014 년 5 월 기준 )
-
모든 메이크업의 첫번째 확인하여
<div class="fb-like"이 데이터 레이아웃 으로 속성을 버튼 –<div class="fb-like" data-layout="button"........></div> -
이 CSS를 추가하세요.
.fb-like{ overflow: hidden !important; }
그게 다야!
답변
여기서 Debby Downer가되지는 않지만 댓글 상자를 숨기는 것이 Facebook 정책을 위반하지 않습니까?
IV. 응용 프로그램 통합 지점 d. 좋아요 버튼 또는 좋아요 상자 플러그인과 같은 소셜 플러그인의 요소를 가리거나 가리면 안됩니다.
