GORAGOD.com

Facebook Like Box แบบ Responsive

เราสามารถแสดงผล Facebook Like Box ในแบบ Responsive ได้ง่ายๆ ด้วย CSS ครับ
/* 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>