Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút

Bạn muốn chèn nút like facebook vào blogspot nhưng không biết cách làm như thế nào cho nhanh nhất. Để làm được điều này cũng rất đơn giản thôi, sau khi đã xác định được vị trí của nút like bạn chỉ cần sao chép và dán hai đoạn mã vào bảng điều khiển Blogger của mình.
Tất Thành
753 lượt xem
Font chữ aA aA tru cong

Bạn muốn chèn nút like facebook vào blogspot nhưng không biết cách làm như thế nào cho nhanh nhất. Để làm được điều này cũng rất đơn giản thôi, sau khi đã xác định được vị trí của nút like bạn chỉ cần sao chép và dán hai đoạn mã vào bảng điều khiển Blogger của mình, thêm một vài thao tác chỉnh sửa nhanh để cho tính tương thích cao hơn. Cùng xem hướng dẫn trong bài viết này nhé!

Tạo nút Like facebook vào blogspot

Bước 1

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút
Truy cập https://developers.facebook.com/docs/plugins/like-button . 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.
 

Bước 2

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 1
Cuộn xuống Trình định cấu hình nút. Nó nằm ở phần thứ ba của trang.
 

Bước 3

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 2
Nhập địa chỉ blog của bạn vào hộp "URL to Like".

Bước 4

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 3
Nhập chiều rộng plugin bạn muốn vào hộp "Width". Hầu hết người dùng Blogger đều có thể để trống ô 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 chứ không phải nút Like.

Bước 5

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 4

Chọn một phong cách nút từ trình đơn "Giao diện". Bạn sẽ thấy một bản xem trước của mỗi kiểu khi được chọn.

Bước 6

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 5

Chọn hành động từ trình đơn "Loại Hành động". Theo mặc định, nút của bạn sẽ nói "Thích". Nếu bạn thích, bạn có thể thay đổi nó để nói "Đề nghị." Khi có ai đó nhấp vào nút, những người theo Facebook của họ sẽ thấy "(tên của người dùng) Đề nghị này. [1] "

Bước 7

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 6

Chọn một kích thước từ trình đơn "Nút Kích cỡ". Nút xem trước bên dưới trình cấu hình sẽ cho bạn thấy mỗi kích thước trông như thế nào.

Bước 8

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 7
Chọn hoặc bỏ chọn hộp "Bao gồm Chia sẻ nút". Nếu hộp được chọn, một nút cho biết "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 họ trước khi chia sẻ liên kết với bạn bè trên Facebook của họ. [2]

Bước 9

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 8
Nhấp vào Nhận mã . Bây giờ, bạn sẽ thấy hai hộp có chứa mã HTML mà bạn phải dán vào các khu vực khác nhau của Blogger.
 

Thêm Mã Code cho nút like facebook trên blogspot

Bước 1

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 9
Đăng nhập vào https://www.blogger.com . 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.

Bước 2

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 10
Nhấp vào Mẫu . Nó ở bên trái màn hình, gần cuối menu.

Bước 3

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 11
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 của bạn.
  • Nhấp vào nút Sao lưu / Khôi phục lại ở góc trên bên phải của trang.
  • Nhấp vào Tải xuống Mẫu .
  • Nhập tên cho tệp của bạn, ví dụ: "mẫu sao lưu blog."
  • Nhấp vào Lưu .

Bước 4

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 12
Nhấp vào Chỉnh sửa HTML . Nó chỉ nằm dưới hình ảnh xem trước của blog của bạn.

Bước 5

Sao chép mã từ hộp đầu tiên của Cấu hình Nút Like Button của Facebook. Đây là mã trong hộp trên, dưới "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 .
Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 13

Bước 6

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 14
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 trên dòng tiếp theo.
  • Để tạo cho mình một vị trí để dán mã, hãy nhấp vào trước ký tự đầu tiên của dòng sau thẻ cơ thể, sau đó nhấn ↵ Enterhoặc ⏎ Return.
  • Nhấp vào dòng trống, sau đó nhấn Control+V hoặc ⌘ Command+V để dán.

Bước 7

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 15
Thay thế mọi "&" trong mã được dán bằng " &amp;". 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 &amp;version = v2.8""

Bước 8

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 16
Nhấp vào Lưu mẫu .
Nếu bạn vô tình bỏ qua "&", bạn sẽ thấy lỗi "Lỗi phân tích XML" ngay phía trên mã. Quay lại mã đã dán, tìm &, và thay thế bằng &amp;.
 

Chèn nút like facebook vào Giao diện blogspot

Bước 1

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 17
Sao chép hộp thứ hai của mã từ Cấu hình Nút Thích (Like Button Configurator). Bạn sẽ phải quay lại cửa sổ trình duyệt hoặc tab trình duyệt khác để 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 .

Bước 2

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 18
Nhấp vào Giao diện trong Blogger. Nó nằm ở bên trái của bảng điều khiển Blogger, ngay phía trên "Tiêu bản".

Bước 3

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 19
Nhấp vào nút Thêm tiện ích mà 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 tiêu đề hoặc cuối trang.

Bước 4

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 20
Chọn HTML / JavaScript . Bạn sẽ phải cuộn xuống một chút để tìm nó.

Bước 5

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 21
Nhập facebookdưới tiêu đề "Tiêu đề. "

Bước 6

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 22
Dán mã đã sao chép vào hộp "Nội dung". Bạn có thể làm điều này bằng cách nhấp vào hộp và nhấn Control+V hoặc ⌘ Command+V .

Bước 7

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 23
Nhấp vào Lưu . Bây giờ bạn sẽ thấy một hộp công cụ được gọi 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 ở nơi cần. Nếu bạn không thích vị trí, bạn có thể kéo hộp "facebook" vào một trong các phần khác trong bố cục của bạn.

Bước 8

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 24

Cách chèn nút like facebook vào blogspot dễ dàng trong 2 phút 25
Nhấp vào Lưu Hợp đồng . Nó ở góc trên cùng bên phải của màn hình. Bây giờ, 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ọ.
Ý kiến bạn đọc ()
Gửi bình luận
Chúng tôi rất hy vọng nhận được phản hồi của bạn về bài viết này :)
Bài viết cùng chuyên mục
Ngày đăng: 18/02/2019 6.411 lượt xem
Ngày đăng: 18/02/2019 2.749 lượt xem
Ngày đăng: 18/02/2019 2.009 lượt xem
Ngày đăng: 18/02/2019 413 lượt xem
Ngày đăng: 18/02/2019 376 lượt xem
Ngày đăng: 18/02/2019 367 lượt xem
Ngày đăng: 18/02/2019 332 lượt xem
Ngày đăng: 18/02/2019 197 lượt xem
Ngày đăng: 18/02/2019 194 lượt xem
Ngày đăng: 18/02/2019 192 lượt xem
Ngày đăng: 18/02/2019 191 lượt xem
Ngày đăng: 18/02/2019 190 lượt xem
Ngày đăng: 18/02/2019 175 lượt xem
Ngày đăng: 07/05/2019 164 lượt xem
go top