Tạo nút Like Share Facebook cho blogspot/blogger
Hiện nay mạng xã hội Facebook được sử dụng rất rộng rãi vì thế các chủ blog và website tận dụng chức năng này để bài viết của Blogger sẽ đến với nhiều người qua công cụ “Like & Share ” từ Facebook được hiện ở cuối bài viết của blog.
Cho nên, nay An Tran Digital sẽ hướng dẫn các bạn thêm nút like và share (thích và chia sẻ) vào cuối bài viết của blog/website và các bạn làm theo mình như bên dưới theo các bước.
Có thể xem thêm:
- Tạo Sitemap và Robots txt chuẩn SEO cho blogger/blogspot
- Tạo xếp hạng bình luận cho Blogger/Blogspot
Hướng dẫn tạo nút Like Share Facebook
- Bước 1: Đăng nhập Blogger
- Bước 2: Chọn Chủ đề -> Click mũi tên (kế bên Tuỳ Chỉnh) -> Chỉnh sửa HTML
- Bước 3: Tìm thẻ <body> thêm đoạn mã này bên dưới thẻ vừa tìm được
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
- Bước 4: Tìm <div class=’post-footer’> rồi copy đoạn mã này dưới thẻ <div class=’post-footer’>
Lưu ý: trong blog có 2-3 đoạn bạn chèn vào đoạn cuối cùng, nếu không được thì từ ở vị trí 2 đoạn còn lại
<div class='fb-like' data-action='like' data-href='' data-layout='button_count' data-share='true' data-show-faces='false' data-width='520'/>
Dưới đây là demo:
CHÚC CÁC BẠN THÀNH CÔNG! Cám ơn các bạn đã xem bài viết này.
Nếu thấy bài viết có hữu ích hãy đánh giá 5 sao. Xin cám ơn !!!
2 nút đẹp lắm tks anh