Cùng KKD Chèn Code Facebook Like Button vào Blogspot

Để chèn Facebook Lite Button bạn chỉ cần truy cập vào trang Facebook plugin và chọn các tính năng bạn cần sử dụng trên blog như hình dưới (cũng có thể không cần truy cập, chỉ cần copy đoạn code được hướng dẫn dưới đây và chỉnh lại cho phù hợp).






Hôm nay Blogger Dương Kiều Diễm sẽ giới thiệu thêm tiện ích Facebook Like cho các bạn.


Để chèn Facebook Lite Button bạn chỉ cần truy cập vào trang Facebook plugin và chọn các tính năng bạn cần sử dụng trên blog như hình dưới (cũng có thể không cần truy cập, chỉ cần copy đoạn code được hướng dẫn dưới đây và chỉnh lại cho phù hợp).




Trình định cấu hình nút thích


- Bạn có thể tùy chọn kiểu button phù hợp với giao diện của blog cũng như là sở thích của mình.


- Điền tên website của bạn hoặc website bạn muốn lấy mã code thích web



Bạn bỏ chọn hiển thị khuôn mặt bạn bè



Hoặc sẽ chọn hiển thị khuôn mặt bạn bè








Nhấn nút Get code (Lấy mã) để lấy đoạn mã chèn vào blog.



Sau khi đã lấy code của button, bạn truy cập vào tài khoản Blogger.

- Chọn Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML) -> Chọn Mở rộng tiện ích mẫu (Expand Widget Templates).

- Sau đó tìm đoạn code: <data:post.body/>

Bạn thực hiện dán đoạn mã code ở bước 2 trước thẻ body. Cụ thể là trước thẻ </body>

Ví dụ: </script>

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v3.2&appId=2011811419148773&autoLogAppEvents=1"></script>

          </body>

Thực hiện chèn nút like facebook cho trang web

Đây là kiểu like chung cho độc giả vào xem trang web. Điều này khác hẳn với code like fanpage nhé các bạn.


Sau khi đã lấy code bước 2 dán trước thẻ body thì bạn sẽ vào truy cập vào tài khoản Blogger, chọn Layout (Bố cục) -> Chọn Thêm tiện ích


HTML/Javascript ở Thanh bên -> Dán đoạn code ở bước 3 vào. -> Lưu lại và F5 trang xem kết quả.

- Có thể tùy chỉnh lại chiều cao, độ rộng của button cho phù hợp.

- Nếu sau một thời gian sử dụng bạn muốn thay đổi kiểu button bạn có thể tùy chỉnh trực tiếp vào đoạn code lấy từ Facebook.

Layout = standard / button_count

show_faces = true / false

action = like / recommend

colorscheme = light / dark

height: 60px



Trường hợp Like trong từng bài viết
- Nếu bạn muốn chèn nút LIKE để hiển thị trong từng bài viết phía dưới title trên nội dung bài viết thì bạn chèn đoạn code sau đây trước thẻ <data:post.body/>, 

<div class='fb-like' data-action='like' data-href='' data-layout='button_count' data-share='true' data-show-faces='false' data-width='520'/>

Hoặc ngược lại nếu muốn nút LIKE xuất hiện vào cuối bài viết thì chèn code vào sau đoạn <data:post.body/>.


Hãy khoe thành tích với chúng tôi nhé!