Warning: file_get_contents(/home/gcms/public_html/skin/datas/users/goro/skin/2017/amp.css): failed to open stream: No such file or directory in /home/gcms/public_html/Gcms/Amp.php on line 32
Facebook Like Box แบบ Responsive

GORAGOD

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>