Facebook Like Box แบบ Responsive
เราสามารถแสดงผล Facebook Like Box ในแบบ Responsive ได้ง่ายๆ ด้วย CSS ครับ
โค้ด HTML สำหรับ Facebook Like Box มีตัวอย่างตามด้านล่าง ให้สังเกตุนะครับว่าเรากำหนดแค่ความสูงเท่านั้นโดยไม่กำหนดความกว้างเลย
/* facbook responsive */
#fb-root {
display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}โค้ด HTML สำหรับ Facebook Like Box มีตัวอย่างตามด้านล่าง ให้สังเกตุนะครับว่าเรากำหนดแค่ความสูงเท่านั้นโดยไม่กำหนดความกว้างเลย
<div style="height:280px;" class=fb-like-box data-href="http://www.facebook.com/webshopready" data-height="280" data-show-faces="true" data-stream="false" data-header="false"></div>