Chèn Nút Like Và Share Vào Bài Viết Trong Website - HiepB

Loading...

Hỗ trợ Facebook, Quảng Cáo (Ads), Marketing cho Facebook | Dịch vụ tăng like Fanpage, tăng sub FB giá rẻ | Blog Thủ thuật Facebook

Menu

• Dịch Vụ
  • Tăng like Facebook (Fanpage, Cá Nhân)
  • Tăng Sub (người theo dõi, follow) FB
  • Mở khóa Facebook
  • Chăm sóc Fanpage
  • Chạy Quảng Cáo FB Ads, Google Adwords
  • Mua Bán Token Facebook
  • Đẩy Top App trên App Store, Google Play, iTunes
• Kinh Nghiệm
  G
  • Kinh nghiệm chạy quảng cáo FB
  • Hướng dẫn Tăng like Facebook
  • Kinh nghiệm Tăng Sub cho FB cá nhân
  • Hướng dẫn mở khóa Facebook
  • Cách lấy Token Facebook
• Liên Hệ
  • Liên Hệ với đội ngũ HiepB
  • Giới thiệu

Đăng ký nhận 1000 lượt like chỉ với 50k Mọi Thủ Thuật Facebook & Marketing Mới Nhất Đều Ở Đây! Trang chủ Like Share Tips Chèn nút Like và Share vào bài viết trong website Chèn nút Like và Share vào bài viết trong website Từ khóa Like Share Tips

Bạn có một bài viết hay và muốn được mọi người chia sẻ bài viết đó lên Facebook hoặc chỉ đơn giản là ấn nút Like để động viên tinh thần. Có thể bạn đã tìm thấy vài bài hướng dẫn tích hợp bộ code chia sẻ mạng xã hội trong những bài viết khác. Tuy nhiên, thông thường những bộ code đó có chứa mã javascript từ các trang khác như là addthis.com, sharethis.com,... Cũng chẳng sao, nhưng một vài bạn không thích vì nó làm website của bạn chậm đi 1 chút. Bài viết này mình sẽ chia sẻ bộ code mà mình đang dùng cho blog hiepb.com. Với 2 style khác nhau để các bạn chọn lựa. Hoặc thích thì dùng cả 2 cũng được.

Chèn nút like share Facebook dọc theo sidebar (sticky)

Chèn nút Like và Share vào bài viết trong website

Với style này thì nút like share sẽ cố định dọc bên trái của website, ưu điểm là nó luôn nổi bật và thu hút được sự chú ý của khách truy cập Bạn sử dụng code sau

<div style='padding:10px 8px; position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -520px;border-radius: 0;border: 0px solid #d9d9d9;'> <div class="fb-like" data-href="" data-layout="box_count" data-action="like" data-show-faces="true" data-share="true"></div> </div>

Chèn nút like share Facebook cuối bài viết trong website

Chèn nút Like và Share vào bài viết trong website

Còn đối với style này thì có ưu điểm là đơn giản và nhẹ nhàng. Bạn có thể chèn nó ở bất cứ vị trí nào mà bạn muốn, tuy nhiên phù hợp nhất vẫn là phía dưới tiêu đề hoặc cuối bài viết Bạn sử dụng code sau

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

Kết luận: Chỉ với vài đoạn code đơn giản là bạn có thể tích hợp được nút like và share cho website của bạn rồi. Nếu thấy bài viết có ích thì hãy like và share để động viên mình nhé. Đừng để cái nút like nó vô dụng :v

Bài liên quan Tác giả Email

Bài liên quan

Bùi Đức Hiệp

Đăng ký nhận tin mới

Bạn sẽ không bõ lỡ bất kỳ bài viết mới nào tại HiepB.Com, chúng tôi sẽ gửi bạn email bản tin cập nhật hàng tuần

Bài mới hơn Bài cũ hơn

51 bình luận

Trả Lời TOPIKVN 23:56 22/8/15

ngon rồi :) cứ hỏi là có bài hướng dẫn thế này thì hay quá :)

Trả Lời Bùi Đức Hiệp 00:07 23/8/15

nửa đêm vẫn phải phục vụ các thánh :v

Trả Lời Phan Hùng 07:10 23/8/15

A cho thêm cái like google+ giúp e với :)

Trả Lời Bùi Đức Hiệp 07:16 23/8/15

mình là không chơi với G+ lâu rồi :v sang web kslzone.net có thêm cái G+ đấy, view code mà lấy về thôi, thánh view code mà tắt điện ạ :3

Trả Lời Nặc danh 22:28 30/8/15

còn chèn trong blog thì sao anh?

Trả Lời Bùi Đức Hiệp 22:32 30/8/15

code trên là chèn cho blog rồi đó bạn. Hay bạn muốn hỏi cách chèn Facebook like box cho web

Trả Lời Phòng Kinh Doanh 20:32 16/9/15

Mình đã thử thay thế Code Cho Website của mình là: wWw.Nhà Đất Đồng Xoài.Vn nhưng không được. Còn cách nào nữa không bạn?Bán Nhà Đất Đồng Xoài Bình Phước Giá Rẻ

Trả Lời Bùi Đức Hiệp 22:48 16/9/15

nếu nó chưa hiển thị tức là bác thiếu code fb-root rồi, tất cả các social plugin của facebook đều cần cái code đó mới hoạt động nhé bác

Trả Lời Unknown 12:50 1/10/15

code fb-root như nào vậy bạn

Trả Lời tungmanh307 21:28 24/10/15

Bác cho e hỏi là chèn vào đâu vậy ?

Trả Lời Bùi Đức Hiệp 23:56 24/10/15

cái code nút like và share mà dọc bên side bar thì gắn vào đâu cũng ok. Nếu là Blogspot thì cứ cho nguyên code vào một widget mới.Còn kiểu thứ 2 thì chèn vào chỗ bạn muốn thôi, chèn đâu cũng được mà.

Trả Lời Unknown 23:50 28/10/15

Bác Hiệp giúp mình với mình chèn y nguyên code của bác vào nhưng không hiện, còn phần share có sẵn dưới mỗi bài viết thì bị lỗi click vào là nhảy ra vài tab nhưng vẫn không thể share đc. Giúp mình nhé: Mail : [email protected]Blog: http://www.snakething.net/

Trả Lời Unknown 15:46 6/11/15

fb k cho chia sethông bao co mot lien ket bi loi giai thich giup minh voi

Trả Lời Bùi Đức Hiệp 15:57 6/11/15

cái đấy là do link của bác thôi, chứ không liên quan đến code này

Trả Lời Hình xăm nghệ thuật 13:43 9/12/15

Hi mình đã làm theo hướng dẫn của bạn và xác nhận thành công trang Hình xăm nghệ thuật. Rất cảm ơn sự hướng dẫn nhiệt tình. Rảnh ghế blog mình chơi nha ;)

Trả Lời Bùi Đức Hiệp 14:01 9/12/15

được đấy bạn :v

Trả Lời Chấn Trình 15:54 31/12/15

mình muốn chèn vào cuối bài viết cho blog thì làm sao bạn, thấy bạn nói chèn vào đâu cũng được nhưng cuối bài viết thì làm sao chèn ???

Trả Lời Bùi Đức Hiệp 16:09 31/12/15

cái này hơi liên quan 1 chút đến code. Nếu bạn dùng Blogspot thì có thể vào phần chỉnh sửa HTML và thêm vào bên dưới dòng "Post-footer-line1"Có thể bạn giao diện của bạn không có dòng này nên bạn ko tìm thấy. Bạn qua group về Blogspot để được hỗ trợ

Trả Lời Bùi Đức Hiệp 16:09 31/12/15

cái này hơi liên quan 1 chút đến code. Nếu bạn dùng Blogspot thì có thể vào phần chỉnh sửa HTML và thêm vào bên dưới dòng "Post-footer-line1"Có thể bạn giao diện của bạn không có dòng này nên bạn ko tìm thấy. Bạn qua group về Blogspot để được hỗ trợ

Trả Lời Unknown 19:28 6/1/16

Chào bạn, cảm ơn bạn đã chia sẻ, mình đã làm theo và đã add thành công. Tuy nhiên có một lỗi nhỏ: khi click vào thích thì phải xác nhận và hiện lên bảng xác nhận thích. Còn mình click nút like bài viết của bạn thì không bị như thế. Bạn xem giúp mình với nhé! Cảm ơn bạn rất nhiều! Blog mình đây: http://sachdaythanhcong2.blogspot.com/2014/12/link-tai-download-sach-ebook-hay-nhat-ve-thanh-cong-lam-giau.html

Trả Lời Bùi Đức Hiệp 21:04 6/1/16

Mình cũng đang không rõ đoạn này, code thì giống nhau rồi. Như vậy vấn đề ở đây mình nghĩ nó nằm ở phía Facebook.Mình đang nghĩ có phải do tên miền blogspot hay không, mình sẽ thử nghiệm lại cái này và update lại nhé

Trả Lời Unknown 13:03 16/1/16

Dù sao cũng Cảm ơn bạn rất nhiều! :-) Chúc bạn luôn vui vẻ và thành công! :-)

Trả Lời Unknown 16:01 18/1/16

Code này chèn vào đâu trên trang bạn, file index hay header hay gì đó í

Trả Lời Bùi Đức Hiệp 16:10 18/1/16

Đầu tiên bạn phải đảm bảo răng trên website của bạn đã có code fb-root (đây là 1 đoạn code chung mà Facebook cung cấp để bạn có thể chèn các tiện ích khác như nút like, nút share, Fanpage box,...)Còn về vấn đề chèn vào đâu thì như sau:Đoạn code 1: Có thể chèn vào bất cứ đâu trong file indexĐoạn code 2: Chèn vào trong < Body > ở vị trí nào mà bạn muốn hiển thị.p/s: có thể là bạn ko biết code nên thấy hơi khó hiểu. Nếu được thì nhờ 1 người biết sâu hơn để họ chèn giúp

Trả Lời dạy bơi đằnngx 17:56 1/3/16 Nhận xét này đã bị tác giả xóa. Trả Lời Nặc danh 11:34 16/3/16

Hay quá rồi

Trả Lời Nặc danh 11:39 16/3/16

Mà lệnh trên thì sao nó biết phải like fb nào

Trả Lời Bùi Đức Hiệp 11:58 16/3/16

like chính cái bài viết mà bạn đặt code chứ ko phải like fanpage nhé bạn

Trả Lời KeniVinh 00:05 8/4/16

Trang tĩnh làm ko được phải ko bạn?

Trả Lời Bùi Đức Hiệp 08:41 8/4/16

trang nào cũng làm được bạn ạ

Trả Lời Ngan IT 16:45 6/6/16

Site chưa được chuẩn lắm nhưng mời các bác ghé qua và nhận xét nhé:D Tai Google Play và ứng dụng Clean Master miễn phí trên CH Play

Trả Lời Unknown 15:14 7/6/16

tải app storevn dành cho điện thoại Android

Trả Lời Unknown 21:22 10/6/16

VỪA ÁP DỤNG THÀNH CÔNG , xem nè >> http://www.phim79.org/

Trả Lời phuonglinh 16:50 15/6/16

Mình vừa làm rồi, nhưng mà Share sản phẩm X1 thì nó lại ra hình đại diện là sản phẩm Xi nào đó chứ không phải đúng hình sp hiện tại (link thì vẫn đúng)Xử cái này như thế nào vậy bác?

Trả Lời Bùi Đức Hiệp 16:53 15/6/16

cái này là do website của bạn chưa tối ưu code Graph Meta Tag, bạn báo lại kỹ thuật sửa code phần này cho chuẩn nhé

Trả Lời phuonglinh 17:55 15/6/16

Hic, khổ nỗi là web mình tự code bang php nên không ai support, bạn có thể vi dụ giúp minh được không? Minh đang search về Graph tag mà bạn nói đây! thanks

Trả Lời Bùi Đức Hiệp 08:40 16/6/16

Vậy thì khó rồi, mình lại không phải dân chuyên code. PHP thì mình lại không biết :(

Trả Lời Mộc 02:34 24/6/16

bảo coder nó tối ưu lại cho, :D

Trả Lời HIEU PHAM 21:55 27/6/16

Chào bạn, mình dùng đoạn code thứ 2 trong bài viết của bạn, mình gặp tình trạng là trang chủ thì không hiện ra nút like, còn lại tất cả các trang khác thì đều có hiện ra bình thường, không biết là tại sao nhỉ. web của mình là: www.giamsathinhanh.com , bạn xem dùm mình nhé, nút like mình đặt ở ngay trên phần "khuyến mãi hot" ở phía trên bên phải nhé

Trả Lời Admin 19:47 1/7/16

yeah..được rồi, thank you bác Hiệp nhiều nhá

Trả Lời Unknown 14:16 14/7/16

ad ơi giúp mình với mình đã thử mà không thành công. blog cua mk http://thapdoanhnhan-hd.blogspot.com/

Trả Lời Unknown 15:18 8/8/16 Nhận xét này đã bị tác giả xóa. Trả Lời Admin Star Khoa IT 21:15 10/8/16

cho e hỏi là e mún chèn cái page vào blog, khi vừa mới vào trang blogspot sẽ hiện ra cái nút thích trang ý, ad pk thì giúp e với ạ :)

Trả Lời tson 21:12 11/8/16

Tạo thêm G+ nữa cho website blog thì làm thế nào nhỉ?

Trả Lời Chiến Chăm Chỉ 16:13 4/10/16 Nhận xét này đã bị tác giả xóa. Trả Lời Chiến Chăm Chỉ 16:15 4/10/16

Thế Giới Mũ site này của em muốn chèn vào cuối bài viết thì chèn file nào ạ

Trả Lời adambida 17:19 13/10/16

thanks bạn nhé..đẹp lắm

Trả Lời NhuYGialai 13:58 20/10/16

HiTheo cách này nếu xem trên giao diện mobile sẽ không hiển thị đúng lượt like của từng bài viết đó bạn. Bạn ngâm cứu lại nhéChúc vui

Trả Lời Music Blog 08:48 11/2/17

sao mình chèn mà không hiển thị vậy ad

Trả Lời Music Blog 08:48 11/2/17

sao mình chèn mà không hiển thị vậy ad

Trả Lời Unknown 10:20 25/3/17

Anh Hiệp !Mình có thể chèn zalo vào website như Skyper được ko Anh . Tại em thấy zalo cũng là 1 phần mềm chát nhanh với khách hàng .

EmoticonEmoticon

Đăng ký: Đăng Nhận xét (Atom)

Bài xem nhiều

• Hướng dẫn Buff sub Fb thành công 100% Trong bài viết này Hiệp B sẽ share cho các bạn các web Buff Sub fb mới nhất hiện nay đã được mình thử nghiệm và chọn lọc ra những web buff ...
• Hướng dẫn tự hack like ảnh Facebook miễn phí Hiệp đã có khá nhiều bài hướng dẫn tăng like facebook tuy nhiên vẫn có nhiều bạn muốn hướng dẫn chi tiết hơn nên Hiệp viết thêm bài hướng d...
• Sub là gì? Cách tăng người theo dõi trên Facebook Sub là gì và vì sao nó quan trọng như vậy? Dùng cách tăng lượt theo dõi trên Facebook nào để có hàng ngàn người theo dõi miễn phí? Hiệp sẽ ...
• Hướng dẫn đưa App lên Google play hiệu quả - ASO app trên Google play Mỗi ngày có hơn 15.000 lượt đưa ứng dụng lên google play ! Bạn là 1 nhà phát triển ứng dụng chắc chắn sẽ hiểu việc đưa app lên google play...

Bình Luận Mới Nhất

Các Trang Nổi Bật

• Dịch vụ đẩy top ứng dụng Google Play - Appstore hiệu quả
• Bảng Giá Tăng Like Facebook Giá Rẻ
• Tăng Sub Facebook giá rẻ

Nhận Thủ Thuật Facebook Mới Nhất

Nhận Tài Liệu FB Cảm Ơn Bạn Liên Hệ Trợ Giúp Cảm Ơn Bạn Nhập Email của Bạn để Nhận Thông Báo Thủ Thuật Facebook mới nhất 2019

Thủ thuật FB

Các chủ đề về Thủ Thuật Facebook

Dưới đây là các chủ đề chính về các Thủ Thuật Facebook, đã được phân loại để bạn tiện lựa chọn và theo dõi: Tips (40) Fanpage (32) Hack (16) Facebook Messenger (15) Like (15) Ads (13) Security (13) Bonus (12) Group (12) Website (10) Block (9) Sub (9) Verify (8) Comment (7) Followers (7) Profile (7) Chat (6) Friends (6) Issue (6) Messenger (6) Tools (6) Video (6) Spam (5) Delete (4) Newsfeed (4) UID (4) Embed (3) Link (3) Post (3) Review (3) Status (3) Token (3)