Responsive for Facebook Comment cho website

0 VNĐ
bấm xem số
ID Tin rao:
80583
Tình trạng:
Chưa có
Khu vực:
thành phố hồ chí minh , Chưa có
Thông tin:
4/8/19, 755 Đọc

Responsive cho Facebook Comment khi chèn lên web là bình luận facebook. Để tương thích với giao diện trên mọi thiết bị. Nhưng mặc định FB không tich hợp điều đó.
Chỉ cần tùy biến vài đoạn CSS và HTML5, Facebook Comment sẽ Responsive ngay lập tức cho website của bạn.

Lấy code Comments Facebook chèn web để bình luận

Truy cập Facebook Developers https://developers.facebook.com/docs/plugins/comments?locale=vi_VN

Url to comment on: địa chỉ web của bạn
Witdh: chiều rộng khung bình luận ( bỏ qua không điền nhé, vì ta đã có code ở cuối bài viết này )
Number of Posts: Số comment được hiển thị trên web ( để mặc định đi )
Color Scheme: Màu sắc. Có 2 loại là light và Dark
Sau khi xong. Bấm Get Code ta được 2 đoạn code khác nhau.

Chèn code bình luận facebook vào Website

Chèn đoạn code có dạng thế này vào bên trong <body></body>

Mã:

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=00000000&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Đoạn thứ 2 như thế này. Chèn vào nơi muốn comment Facebook hiển thị:

Mã:

<div class="fb-comments" data-href="http://developers.facebook.com/docs/plugins/comments/" data-numposts="5" data-colorscheme="dark"> </div>

Nhưng trước tiên, hãy thay đội lại bằng code này nhé:

Mã:

<div class="fb-comments" data-href="http://developers.facebook.com/docs/plugins/comments/" data-numposts="5" data-colorscheme="dark" data-width="100%"> </div>

Nhớ thay

Mã:

http://developers.facebook.com/docs/plugins/comments/

trong đoạn code trên thành URL của bạn.

Cuối cùng thêm vào CSS:

Mã:

/* Responsive for Facebook Comment */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; }

Xong phim.
Admin
Admin website
Quản trị viên Quản trị viên

Tin:

83 | Xem tất cả

Được thích:

5

Điện thoại:

Từ khóa
: code bình luận facebook code comments facebook facebook comment cho website facebook developers responsive for facebook comment

Chia sẻ trang này

Chia sẻ

Admin, 4/8/19

#1

(Bạn phải Đăng nhập mới có thể bình luận.)

Tin khác của Admin

Sort by:: Tiêu đề; Trả lời Đọc; Bài viết cuối

Bảng giá Banner quảng cáo website rao vặt 1Doi1

thành phố hồ chí minh Admin, 14/7/22, Thông báo

Trả lời:

0

Đọc:

1,001

Admin

14/7/22
Tạo sticky banner trượt và dừng ở Footer

thành phố hồ chí minh Admin, 11/7/21, Chia sẽ

Trả lời:

0

Đọc:

1,005

Admin

11/7/21
Tạo nút back top cực dễ không cần plugin cho website

thành phố hồ chí minh Admin, 11/7/21, Chia sẽ

Trả lời:

0

Đọc:

691

Admin

11/7/21
Hướng dẫn tạo login Facebook cho website xenforo 2021

thành phố hồ chí minh Admin, 7/7/21, Chia sẽ

Trả lời:

0

Đọc:

1,033

Admin

7/7/21
Css sticky sidebar - Tạo Quảng Cáo trượt sidebar cho web cực dễ

thành phố hồ chí minh Admin, 5/7/21, Chia sẽ

Trả lời:

0

Đọc:

964

Admin

5/7/21

Đang tải...