CHÈN FANPAGE FACEBOOK VÀO BLOG ok
Bước 1: Các bạn truy cập link sau:
. Giao diện sẽ như thế này.
Bước 2: Cuộn trang xuống dưới và thiết lập như hướng
dẫn trong hình:
Chú thích:
- Facebook Page URL: dán URL của fanpage các bạn tại đây. Ví dụ như của mình là: https://www.facebook.com/hoangforever/
- Width: chiều rộng hiển thị của fanpage.
- Height: chiều cao hiển thị của fanpage.
- Adapt to plugin container width: Chiều rộng thích ứng với mặc định.
- Show Friend's Faces: Hiện faces của bạn bè.
- Use Small Header: Sử dụng tiêu đề nhỏ.
- Hide Cover Photo: Ẩn ảnh bìa.
Các bạn cứ tích vào thử từng cái, chỉnh sửa chiều rộng
và chiều cao phù hợp với blog của các bạn, sau khi đã hài lòng thì tiếp tục
bước 3.
Bước 3: Cuộn trang xuống dưới, nhấn vào Get Code (Lấy
mã). Facebook sẽ hiện một bảng như sau:
Bước 4: Các bạn copy phần code đầu tiên (phần mã code
dưới dòng 1.Include the JavaScript SDK on your page once, ideally right
after the opening <body> tag.).
Vào Mẫu-> Chỉnh sửa HTML-> Nhấp vào vị trí bất
kỳ trong khung và nhấn tổ hợp phím "Ctrl+F"-> Một khung tìm kiếm
hiện ra các bạn gõ "<body>" xong Enter (Nếu không thấy thì gõ
"<body"). Giờ thì các bạn sẽ dán đoạn Code vừa copy ở trên vào sau
thẻ <body> (hoặc <body class='main-body'> tùy giao diện). Không rõ
thì thực hiện theo hình nhé!
 |
|
Tại trang quản trị blogger click chọn Chủ đề (Templates)
 |
|
|
|
Chọn Chỉnh sữa HTML
 |
|
|
|
Tìm thẻ <body> và chèn đoạn Code 1 vào phía
sau
|
Tiếp tục nhấn "Lưu mẫu" sẽ thấy thông báo
lỗi ngay dòng "...&version=v2.3"(bước này rất nhiều bạn đang mắc
phải). Đừng lo, giờ các bạn chỉ cần thêm vào trước chữ version dòng sau
"amp;", đoạn code sau khi thay có dạng như thế này
"...&version=v2.3". Lưu lại một lần nữa là ok!
|
|
|
Thêm amp; vào sau dấu &
|
Bước 5: Quay lại trang lấy code fanpage Copy đoạn code
còn lại (phần mã code dưới dòng 2. Place the code for your plugin wherever
you want the plugin to appear on your page.)
Vào Bố cục-> Thêm tiện ích->
HTML/Javascript-> Dán đoạn code vừa copy vào khung nội dung, khung tiêu đề
thì các bạn nhập tùy thích. Thực hiện theo hình
 |
|
Quay lại trang quản trị chọn bố cục
|
 |
|
Chọn thêm tiện ích
|
 |
|
Tìm và chọn tiện ích HTML/Javascript
|
 |
|
Chèn đoạn Code còn lại (Code 2) vào khung nội dung
|
Lưu lại và xem thành quả nhé! Nhớ chỉ cần lưu ý phần "&" là ok.
No comments
Post a Comment