Home / Google / Blogspot / Hướng dẫn chèn Fanpage Facebook vào Website Blog cá nhân của bạn

Hướng dẫn chèn Fanpage Facebook vào Website Blog cá nhân của bạn

Giả sử bạn đang có một trang fanpage và 1 website hoặc blog cá nhân,bạn muốn bổ sung vào sidebar 1 vùng hiển thị trang fanpage lên đó cho người truy cập khi họ ghé thăm website/blog của bạn có thể nhấn nút like fanpage của bạn hoặc ghé thăm fanpage đó nếu họ muốn,hãy thực hiện theo các bước sau để chèn thêm 1 vùng hiển thị trang fanpage vào sidebar của website hoặc blog của bạn nhé.

Giả sử trang fanpage của bạn có địa chỉ là :https://www.facebook.com/kcncnnews



Bước 1: Truy cập và đăng nhập tài khoản Facebook vào trang sau: https://developers.facebook.com/docs/plugins/like-box-for-pages

Thiết lập đúng URL địa chỉ trang fanpage của bạn để hiện được hình ảnh fapage như trong hình preview của plugin này của facebook


 Bước 2:  Kéo màn hình xuống dưới,click vào nút lệnh “Lấy mã”(hoặc”get code” nếu là tiếng anh)

Bước 3-Trang code plugin xã hội trang fanpage mở ra chuyển sang tab Iframe copy toàn bộ mã code bên trong Iframe này .

Bước 4-Nhúng vào website Blogspot

4.1 Nếu website của bạn là 1 blog viết bằng Blogspot trên blogger.com thì hãy đăng nhập vào blog của bạn tìm đến Design-Layout-Add a widget-HTML/Javascript

Dán đoạn mã của Iframe mà bạn đã copy vào bên trong khung HTML/Javascrip rồi lưu lại,cuối cùng lưu toàn bộ layout của blog của bạn lại .

Khi đó trang fanpage của bạn sẽ hiện ra ở sidebar trong blog của bạn như thế này

4.2 Nhúng vào website WordPress

Nếu website của bạn sử dụng hệ quản trị nội dung là WordPress thì hãy đăng nhập vào trang quản trị website của bạn tìm đến Dashboard-Appearance-Widget-thêm vào 1 widget Text

Dán đoạn mã của Iframe mà bạn đã copy vào vào bên trong widget Text đó rồi lưu lại:

Khi đó trang fanpage sẽ xuất hiện trên website của bạn kiểu như thế này

Ngoài ra trong worpress các theme cho website thường hỗ trợ bạn hiển thị trang fanpage bằng các widget thiết kế sẵn bạn chỉ cần chọn widget Find us on facebook,nhập đúng URL trang fanpage của bạn rồi lưu lại thì fanpage cũng sẽ hiển thị trên website của bạn đó các bạn nhé.

Kết quả trang fanpage Find us on facebook sẽ hiện ra trên website wordpress của bạn như thế này các bạn nhé.

Bằng cách như vậy ta đã thêm thành công trang fanpage vào blog/website của mình rồi đấy.

Các bạn thử thực hiện xem sao.Chúc các bạn thành công!

About lbtmicr06

Nếu bạn không tạo ra được gì mới mẻ khác biệt so với những gì người khác đã tạo ra thì bạn sẽ sớm bị đè bẹp và vô hình trong một thế giới mà mọi thứ dường như đang không bao giờ chịu ngừng sự thay đổi cả.

Check Also

Cách tạo nút trở về đầu trang cho blogspot

Sử dụng một trong hai cách sau đây ta có thể thêm được nút lệnh …

8 comments

  1. canadianpharmacyndabiall

    viagra online canada canadian pharmacy generic viagra canadian pharmacy meds
    cheap viagra online canadian pharmacy

  2. canadianpharmacyndabiall

    canadian drug stores canadian pharmacy online canadian generic viagra review
    canadian pharmacy generic viagra

  3. canadianpharmacyndabiall

    viagra online canada canadian pharmacy online online pharmacy canada
    canadian pharmacy generic viagra
    canadian pharmacies canadian pharmacy online canadian pharmacies
    cheap viagra online canadian pharmacy

  4. canadianpharmacyndabiall

    canadian drugs canadian pharmacy generic viagra canadian generic viagra review
    generic viagra online canadian pharmacy
    canadian generic viagra canadian pharmacy online canadian pharmacies online
    canadian pharmacy online

  5. canadianpharmacyndabiall

    viagra online generic canada canadian pharmacy online canada pharmacy
    generic viagra online canadian pharmacy
    canadian generic viagra canadian pharmacy online canada pharmacy
    canadian pharmacy online

  6. canadianpharmacyndabiall

    canada online pharmacy generic viagra canadian pharmacy online generic viagra online canada
    canadian pharmacy online
    best canadian pharmacy generic viagra online canadian pharmacy canadian pharmacies online
    generic viagra online canadian pharmacy

Leave a Reply

Your email address will not be published. Required fields are marked *

'); var MainContentW = 1000; var LeftBannerW = 120; var RightBannerW = 120; var LeftAdjust = 40; var RightAdjust = 40; var TopAdjust = 80; ShowAdDiv(); window.onresize=ShowAdDiv; }