Cách thêm Facebook Like vào Blogger (với Ảnh)

Mục lục:

Cách thêm Facebook Like vào Blogger (với Ảnh)
Cách thêm Facebook Like vào Blogger (với Ảnh)

Video: Cách thêm Facebook Like vào Blogger (với Ảnh)

Video: Cách thêm Facebook Like vào Blogger (với Ảnh)
Video: Hướng dẫn cách chạy quảng cáo Facebook hiệu quả (Giao diện mới nhất) 2024, Có thể
Anonim

WikiHow này hướng dẫn bạn cách thêm nút “Thích” trên Facebook có thể nhấp vào trang web Blogger (blogspot.com) của bạn. Sau khi tạo nút trong Trình cấu hình nút thích, bạn chỉ cần sao chép và dán hai bit mã vào trang tổng quan Blogger của mình, thực hiện một lần chỉnh sửa nhanh để tương thích.

Các bước

Phần 1/3: Tạo nút Thích

Thêm Facebook Like vào Blogger Bước 1
Thêm Facebook Like vào Blogger Bước 1

Bước 1. Truy cập

Bạn có thể sử dụng bất kỳ trình duyệt web hiện đại nào, chẳng hạn như Chrome hoặc Safari.

Thêm Facebook Like vào Blogger Bước 2
Thêm Facebook Like vào Blogger Bước 2

Bước 2. Cuộn xuống Trình cấu hình nút thích

Nó nằm trong phần thứ ba của trang.

Thêm Facebook Like vào Blogger Bước 3
Thêm Facebook Like vào Blogger Bước 3

Bước 3. Nhập địa chỉ blog của bạn vào hộp “URL để thích”

Thêm Facebook Like vào Blogger Bước 4
Thêm Facebook Like vào Blogger Bước 4

Bước 4. Nhập chiều rộng plugin mong muốn của bạn vào hộp “Chiều rộng”

Hầu hết người dùng Blogger có thể để trống hộp này, vì chiều rộng mặc định (450 px) hoạt động tốt. Lưu ý rằng đây là chiều rộng của toàn bộ plugin, không phải của chính nút Thích.

Thêm Facebook Like vào Blogger Bước 5
Thêm Facebook Like vào Blogger Bước 5

Bước 5. Chọn kiểu nút từ menu "Bố cục"

Bạn sẽ thấy bản xem trước của từng kiểu khi nó được chọn.

Thêm Facebook Like vào Blogger Bước 6
Thêm Facebook Like vào Blogger Bước 6

Bước 6. Chọn một hành động từ menu "Loại Hành động"

Theo mặc định, nút của bạn sẽ nói “Thích”. Nếu muốn, bạn có thể thay đổi nó thành "Đề xuất". Khi ai đó nhấp vào nút, những người theo dõi Facebook của họ sẽ thấy “(tên của người đó) Đề xuất điều này”.

Thêm Facebook Like vào Blogger Bước 7
Thêm Facebook Like vào Blogger Bước 7

Bước 7. Chọn kích thước từ menu “Kích thước nút”

Bản xem trước nút bên dưới trình cấu hình sẽ cho bạn biết từng kích thước trông như thế nào.

Thêm Facebook Like vào Blogger Bước 8
Thêm Facebook Like vào Blogger Bước 8

Bước 8. Chọn hoặc bỏ chọn hộp “Bao gồm nút chia sẻ”

Nếu hộp được chọn, một nút có nội dung “Chia sẻ” sẽ xuất hiện bên cạnh nút Thích trên blog của bạn. Nếu ai đó nhấp vào nút này, họ sẽ có cơ hội nhập một số văn bản của riêng họ trước khi chia sẻ liên kết với bạn bè trên Facebook của họ.

Thêm Facebook Like vào Blogger Bước 9
Thêm Facebook Like vào Blogger Bước 9

Bước 9. Nhấp vào Nhận mã

Bây giờ, bạn sẽ thấy hai hộp chứa mã HTML mà bạn phải dán vào các khu vực khác nhau của Blogger.

Phần 2/3: Thêm mã vào mẫu của bạn

Thêm Facebook Like vào Blogger Bước 10
Thêm Facebook Like vào Blogger Bước 10

Bước 1. Đăng nhập vào

Sử dụng một tab hoặc cửa sổ trình duyệt khác, vì bạn sẽ cần sao chép và dán mã từ Facebook vào Blogger.

Thêm Facebook Like vào Blogger Bước 11
Thêm Facebook Like vào Blogger Bước 11

Bước 2. Nhấp vào Mẫu

Nó nằm ở bên trái màn hình, gần cuối menu.

Thêm Facebook Like vào Blogger Bước 12
Thêm Facebook Like vào Blogger Bước 12

Bước 3. Sao lưu mẫu blog của bạn

Luôn tạo bản sao lưu khi chỉnh sửa trực tiếp mã HTML của blog.

  • Nhấn vào Phục hồi dữ liệu đã lưu ở góc trên cùng bên phải của trang.
  • Nhấp chuột Tải xuống mẫu.
  • Nhập tên cho tệp của bạn, ví dụ: "Sao lưu mẫu blog."
  • Nhấp chuột Cứu.
Thêm Facebook Like vào Blogger Bước 13
Thêm Facebook Like vào Blogger Bước 13

Bước 4. Nhấp vào Chỉnh sửa HTML

Nó nằm ngay bên dưới hình ảnh xem trước của blog của bạn.

Thêm Facebook Like vào Blogger Bước 14
Thêm Facebook Like vào Blogger Bước 14

Bước 5. Sao chép mã từ hộp đầu tiên của Trình cấu hình nút thích Facebook

Đó là mã trong hộp trên cùng, trong “Bước 2”

Bạn có thể sao chép văn bản bằng cách đánh dấu nó, sau đó nhấn Control + C hoặc ⌘ Command + C

Thêm Facebook Like vào Blogger Bước 15
Thêm Facebook Like vào Blogger Bước 15

Bước 6. Dán mã vào mã HTML Blogger của bạn

Mã phải được dán sau dòng bắt đầu bằng <body, tốt nhất là ở dòng tiếp theo.

  • Để tạo cho mình một nơi để dán mã, hãy nhấp vào trước ký tự đầu tiên của dòng sau thẻ body, sau đó nhấn ↵ Enter hoặc ⏎ Return.
  • Nhấp vào dòng trống, sau đó nhấn Control + V hoặc ⌘ Command + V để dán.
Thêm Facebook Like vào Blogger Bước 16
Thêm Facebook Like vào Blogger Bước 16

Bước 7. Thay thế mọi “&” trong mã đã dán bằng “

&

”.

Không bao gồm dấu ngoặc kép.

  • Ví dụ: “//connect.facebook.net/en_US/sdk.js#xfbml=1 &version = v2.8”trở thành“//connect.facebook.net/en_US/sdk.js#xfbml=1

    &

  • phiên bản = v2.8 "”
Thêm Facebook Like vào Blogger Bước 17
Thêm Facebook Like vào Blogger Bước 17

Bước 8. Nhấp vào Lưu mẫu

  • Nếu bạn vô tình bỏ qua “&”, bạn sẽ thấy lỗi cho biết “Lỗi phân tích cú pháp XML” ngay phía trên mã. Quay lại mã đã dán, tìm & và thay thế bằng

    &

  • .

Phần 3/3: Thêm nút vào bố cục của bạn

Thêm Facebook Like vào Blogger Bước 18
Thêm Facebook Like vào Blogger Bước 18

Bước 1. Sao chép hộp mã thứ hai từ Trình cấu hình nút thích

Bạn sẽ phải quay lại cửa sổ hoặc tab trình duyệt khác của mình để tìm nó. Đây là mã trong hộp bên dưới “Bước 3”

Bạn có thể sao chép văn bản bằng cách đánh dấu nó, sau đó nhấn Control + C hoặc ⌘ Command + C

Thêm Facebook Like vào Blogger Bước 19
Thêm Facebook Like vào Blogger Bước 19

Bước 2. Nhấp vào Bố cục trở lại trong Blogger

Nó nằm ở bên trái của trang tổng quan Blogger, ngay phía trên “Mẫu”.

Thêm Facebook Like vào Blogger Bước 20
Thêm Facebook Like vào Blogger Bước 20

Bước 3. Nhấp vào nút Thêm tiện ích ở nơi bạn muốn nút xuất hiện

Trong hầu hết các trường hợp, bạn sẽ muốn nút xuất hiện trong đầu trang hoặc chân trang

Thêm Facebook Like vào Blogger Bước 21
Thêm Facebook Like vào Blogger Bước 21

Bước 4. Chọn HTML / JavaScript

Bạn sẽ phải cuộn xuống một chút để tìm nó.

Thêm Facebook Like vào Blogger Bước 22
Thêm Facebook Like vào Blogger Bước 22

Bước 5. Gõ facebook dưới “Tiêu đề

Thêm Facebook Like vào Blogger Bước 23
Thêm Facebook Like vào Blogger Bước 23

Bước 6. Dán mã đã sao chép vào hộp "Nội dung"

Bạn có thể thực hiện việc này bằng cách nhấp vào hộp và nhấn Control + V hoặc ⌘ Command + V.

Thêm Facebook Like vào Blogger Bước 24
Thêm Facebook Like vào Blogger Bước 24

Bước 7. Nhấp vào Lưu

Bây giờ bạn sẽ thấy một hộp tiện ích có tên là “facebook”.

Nhấp vào Xem trước ở góc trên cùng bên phải của trang để đảm bảo nút xuất hiện ở vị trí cần thiết. Nếu không thích vị trí, bạn có thể kéo hộp “facebook” đến một trong các phần khác trong bố cục của mình

Thêm Facebook Like vào Blogger Bước 25
Thêm Facebook Like vào Blogger Bước 25

Bước 8. Nhấp vào Lưu sắp xếp

Nó nằm ở góc trên cùng bên phải của màn hình. Giờ đây, khi ai đó thích blog của bạn, họ có thể dễ dàng chia sẻ nó với tất cả bạn bè trên Facebook của họ.

Đề xuất: