Thêm bình luận Facebook và Google Plus không cần Plugin

Hiện nay mạng xã hội đang phát triển rất mạnh đa số mọi người đều dùng MXH khi online lướt WEB vậy tại sao bạn không dùng bình luận bằng MXH để dễ dàng cho người dùng và có thể tăng tính tương tác với cộng đồng mạng. Hôm nay Web Hướng Dẫn xin hướng dẫn đến các bạn cách thêm binh luận Facebook và Google Plus vào Website WordPress mà không cần dùng Plugin và cũng có thể thêm cho Blogger, Joomla, Xenforo… đều dùng được Code tiện ích này.

Thêm bình luận Facebook Google Plus vào WebsiteThêm bình luận Facebook Google Plus vào Website

Hướng dẫn chèn bình luận Facebook và Google Plus

Bước 1: Chèn đoạn mã JS của Facebook và Google Plus

Bạn có thể chèn đoạn script vào trước thẻ </body> trong theme.

Bước 2: Khai báo khung Comment vào theme

Sau khi đã thêm đoạn JS chúng ta cần khai báo vị trí của khung Comment. thông thường chúng ta hay đặt nó ở cuối bài viết bạn nào thích đặt ở trên đầu cho lạ cũng được.

Đối với WordPress có 2 phương án cho bạn lựa chọn

Thay thế ngay trên hệ thống Comment của WordPress khuyên dùng (Pass code vào file Comment.php)

Thêm bên dưới Comment của WordPress: Để thực hiện điều này chúng ta tìm  đến File Singe.php tìm đoạn

<?php comments_template(); ?>

và thay thế đoạn Code trên bằng đoạn Code mới bên dưới

Đối với Joomla, Blogger…. bạn làm tương tự nhưng khi khai báo bước 2 bạn tự tim vị trí mong muốn mà chèn Code vào nhé

Lưu ý: Giá trị data-width là kích thước của khung Comment bạn có thể thay đổi tùy chỉnh sao cho phù hợp với giao diện của bạn.

Bước 3: Trang trí lại khung Comment bằng CSS

Khi thực hiện xong 2 bước trên bạn đã hoàn thành thêm được khung comment facebook và Google Plus vào Website nhưng nếu bạn chỉ để vậy thì Website bạn rất xấu khung comment không được đẹp mắt nên bạn phải làm thêm bước 3 thêm CSS cho khung comment

Bạn chèn thêm đoạn css này vào file style.css trong folder theme, đối với Blogger và một số Website khác bạn thêm vào file css của theme nhé.

Đối với Wordperss chèn thêm đoạn css này vào file style.css trong folder theme

Xong bây giờ bạn có thể tận hưởng thành quả của mình rồi đây sau đây là DEMO

Khung coment trong Website

Trên đây là hướng dẫn thêm khung bình luận vào Website mà không phải dùng Plugin an toàn cho Website bạn nếu bạn có thắc mắc vui lòng để lại bình luận chúng tôi sẽ giải đáp sớm nhất.

Thêm bình luận Facebook và Google Plus không cần Plugin
4.64 (92.73%) 11 đánh giá