Hôm nay Namkna sẽ giới thiệu thêm cho các bạn một cách đơn giản để thêm khung bình luận của Facebook vào blogger. Với khung commnet facebook này bạn có thể tận dụng được lượng độc giả rất lớn từ hơn 1 tỷ người dùng faceboobk trên toàn thế giới.
Hãy xem ảnh minh họa.
Hãy xem ảnh minh họa.
Xem demo: VIEW DEMO
» Một số ưu điểm của thủ thuật Comment Facebook đơn giản này.
- Không cần phải đăng ký và lấy Id trên facebook. Chỉ cần dùng URL blog của bạn là oke.
- Khắc phục chỉ hiển thị khi có 1 commnet của blogger với mẫu threadcommnet.
» Cách thêm khung Comment Facebook vào blog.
1- Đăng nhập vào blog
2- Chọn mẫu (Template)
3- Chọn chỉnh sửa HTML (Edit HTML)
4- Thêm đoạn mã bên dưới vào trước thẻ </body>.
<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/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
5- Tìm một trong các đoạn code như sau:
- Đoạn 1:
<div class='post-footer'>- Đoạn 2:
<div class='post-footer-line post-footer-line-1'>- Đoạn 3:
<div class='post-footer-line post-footer-line-2'>- Đoạn 4:
<div class='post-footer-line post-footer-line-3'>
Lưu ý: mỗi đoạn cod trên đều có 2 đoạn giống hệt nhau và chỉ có 1 đoạn có tác dụng thôi nha.
- Dán ngay vào sau một trong các đoạn code cừa tìm được đoạn code sau:
<b:if cond='data:blog.pageType == "item"'> <div class="fb-comments" data-href="http://namkna.blogspot.com/" data-width="470" data-num-posts="10"></div> </b:if>
Trong đó:
- Thay http://namkna.blogspot.com/ thành địa chỉ blog của bạn.
- data-width="470" là chiều rộng của khung nhận xét facebook.
- data-num-posts="10" Là số comment sẽ hiển thị trên khung nhận xét.
Note: Ngoài ra bạn cũng có thể dán code trên vào tiện ích HTML/Javarscrip ngay dưới bài đăng của bạn.
» Để thêm vào web site!
- Để thêm vào web site bạn dán file script vào giữa 2 thẻ <body>---</body>
Nhận xét
Cái này áp dụng được cho blog mình (Các cách cũ không làm được, temp mình dùng không có <html ). Nhưng lại không biết được ai đã comment ở đâu! Có cách nào khắc phục điều này không namkna ?
Trả lờiXóaTất cả các blog đều có thẻ <html bạn ak. Thẻ này bắt buộc phải có (nó giống như đi xe phải đổ xăng vậy). Bạn có thể tìm thấy nó trong phần CHỉnh sửa HTML.
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaCảm ơn em đã ủng hộ blog anh
Trả lờiXóaLỖi trên là do em chèn đoạn code bước 5 ở 2 vị trí rồi. Để bỏ comment google em vào
1- đăng nhập vào tài khoản Blogger.
2- Bấm vào blog bạn muốn thêm..Bấm chọn tab Google+
3- Bỏ dấu chọn vào mục Sử dụng tính năng Nhận xét của Google+ trên blog này (Use Google+ Comments on this Blog). Đối với các mẫu mặc định, đó là tất cả nhũng gì các bạn càn làmcác bạn cần làm (Bạn phải là admin của một blog để có thể xem tùy chọn này).
nói cung làm ngược bài này: XEM
Anh Namkna ơi.
Xóa- Em chèn ở 1 vị trí thôi. Nhưng khi em chèn ở vị trí khác. Comment lại nằm ở sau tiêu đề.
Em gửi code vào mail: tavannam01@gmail.com rồi ạ. Anh xem giúp em nhé....!
- Lúc nãy em nói chưa rõ, em muốn bỏ hẵn comment của blogger được không không anh.
Anh ơi, nếu làm như vậy thì có quản lý comment được không vậy
Trả lờiXóaMỖi cái có một hạn chế em ak. Với mẫu này thì không thẻ quản lý comment được.
XóaMuốn quản lý comment em vui lòng xem ves2 XEM NGAY
sao blog của mình khi làm cái này nó hiện cmt ở 1 bài sang toàn bộ các bài còn lại vậy nhỉ? :(
Trả lờiXóaTHay:
Xóa<div class="fb-comments" data-href="http://namkna.blogspot.com/" data-width="470" data-num-posts="10"></div>
thành:
<div class="fb-comments" data-href="data:post.url" data-width="470" data-num-posts="10"></div>
Không được đâu admin. tất cả các bài đều như nhau nha. Vì dùng chung 1 URL mà.
XóaXin lỗi mấy hôm nay anh bân quá.
Trả lờiXóaAnh đã trả lời em rùi đấy.
Cảm ơn anh. Em nhận được rồi ạ.
XóaAnh namkna ơi. Em vẫn thấy xuất hiện lỗi ạ. Khi anh comment ở 1 bài viết. Thì khi sang các bài viết khác. Comment đó vẫn hiện ra ạ.
Links đây anh nhé
Tiện ích này dùng URL để hoạt động do vậy các commnet sdex chung nếu muốn khác nhau. Thì phải dùng 2 ves đầu tiên em ak.
XóaEm có thể xem 2 bài dưới nha:
Trả lờiXóahttp://namkna.blogspot.com/2012/11/covert-code-endcode-for-blogger.html
http://namkna.blogspot.com/2011/12/tao-khung-converter-code-cho-blogger.html
post-footer-line post-footer-line-3
Trả lờiXóaChỉ đoạn đó được nhưng mà trong label bài nào cũng có chỗ comment facebook híc...
Bạn thêm đoạn code bước 5 vào giữa 2 thẻ b:if như sau:
Xóa<b:if cond='data:blog.pageType == "item"'>
<div class="fb-comments" data-href="http://namkna.blogspot.com/" data-width="470" data-num-posts="10"></div>
</b:if>
Bạn cho mình hỏi tại sao trang của mình bài mới nào cũng có phần comment face nhỉ,mình comment 1 bài và bài mới nào đăng cũng có phàn comment của bài khác,mình đã làm giống bạn mà vẫn k khắc phục được lỗi,rất mong bạn hồi âm sớm giúp mình nhé,Thanks bạn!
XóaHiện tại nó khai báo theo URL nên khi conment một bài nó sẽ hiển thị ở các bài khác. Mình sẽ cập nhật lỗi này trong bài tới.
XóaDemo: http://demo-namkna.blogspot.com/2013/05/chen-khung-comment-facebook-cho-blogspo.html
Trả lờiXóaDc rồi Bác ơi ^^
XóaMà cho e hỏi thêm. Cái Template e mua của traidatmui. Caid đặt không cho hiển thị comment thì nó không có bài viết liên quan :( chỉ cài dc cái hiển thị lên thôi à :)
Có cách nào fix chỉ e với ^^
Demo: http://www.xiteen.mobi/2013/05/ionline-tranh-tai-va-sanh-vai-cung.html?m=1
Sử dụng tiện ích bài viết liên quan khác :)
XóaMình đang dùng mẫu V2, nhưng không thể quản lý comment được, bởi vì comment thì biết, nhưng không biết người ta comment ở bài viết nào
Trả lờiXóacó cách nào xem được họ comment cho bài viết nào không ?
Bạn đăng nhập vào tài khoản facebook của bạn trên trang facebook sẽ thấy có thông báo. bấm vào link đó sẽ được chuyển đến bài viết.
Xóabạn Ơi trong temlate của mình có 2 thẻ body nhưng lại không có mấy thẻ 1234
Trả lờiXóathì phải làm thế nào
Bạn hãy dùng chức năng tìm kiếm nội tuyến sẽ thấy vì blog nào cũng có các thẻ đó nha:
Xóa- nếu không biết cách tìm kiếm nội tuyến thì hãy xem bài viết này: Blogger thay đổi giao diện Edit HTML
Mình đặt comment vào thì ok rồi, nhưng mình thử comment ở bài thứ nhất, xong sang bài khác commnet thì vẫn nhìn thấy comment đó.
Trả lờiXóaKhông comment cho từng bài viết được hả Nam Ta? Thế này mình ko biết được mọi người comment ở bài nào để mà trả lời :(
Thủ thuật này commnet dựa trên URL ở dòng data-href="http://namkna.blogspot.com/" do vạy nó sẽ xuất hiện ở tất cả các bài.
Xóa- Nếu muốn riêng biệt từng bài hãy xem bài này: http://namkna.blogspot.com/2012/10/them-comments-facebook-cho-blogger-ves2.html
minh làm như vậy oy mà ko có đc,với lại của mih bị lỗi là ko hiện các lời nhận xet bạn sửa giúp với
Trả lờiXóaHãy để lại URL log đã áp dụng để được suppost.
XóaBạn cho mình hỏi cách xóa bớt các hồ sơ nhận xét, vì mặc định blog có khá nhiều, trong khi không dc thông dụng, kiểu như: Live Journal, AIM, OpenID ... Thay vào đó, mình muốn đổi thành các hồ sơ của google, facebook, yahoo có dc không ?
Trả lờiXóaGOOD
Trả lờiXóaHay quá Namkna ơi!
Trả lờiXóaRất vui vì có ích với e.
Xóaanh ơi làm xong có tới 3 ô cmt facebook lận làm sao xóa bớt đây anh
Trả lờiXóaEm chèn đoạn code buwocs 5 3 lần nên nó xuất hiện 3 ô. Để xoá nó đi em chỉ cần xoá bớt 2 đoạn đi nha.
Xóabài này hay quá .. xin cảm ơn
Trả lờiXóaKhông có gì :)
XóaMình cũng áp dụng thì thấy comment ở 1 bài thì bài nào cũng có comment này. Tuy nhiên tìm hiểu thêm trên mạng thì đã khắc phục được, comment ở bài nào thì chỉ có trên bài đó
Trả lờiXóalàm sao chèn cmt thế này đựo anh, blog đẹp quá
Trả lờiXóaLàm như anh hướng dẫn là được thôi em ak.,
XóaChào anh? Em làm được như anh hướng dẫn rồi. Nhưng đang gặp một vấn đề là nó không tự post lên facebook mà cần phải ấn pushlish rồi ấn okay thì mới pushlish lên được.... hjhxjx. anh giúp em nha. mail em là: dank49cntt@gmail.com.
Trả lờiXóathanks anh
Blog của em đây:http://blog-haivl.blogspot.com/
Em để tùy chọn Post to Facebook do vậy nó sẽ hỏi em có muốn công khai hay không là đúng rồi.
Xóavậy em phải chỉnh lại thế nào ạ?
XóaTrên khung comment có một ô để tích chọn Post to Facebook em bỏ dấu tích đó đi nó sẽ không hiển thị khung đó nữa nha,
XóaMình làm y chang như bạn, nó hiện ra nhưng kì quá.
Trả lờiXóa1. Nó lại hiện ra ngay trang chủ luôn. (đáng lẽ nó chỉ hiện trong bài giống khung comment mặc định của blogger thôi chứ.)
2. Khi mình thử commment 1 bài thì tất cả các bài khác đồng loạt có comment giống vậy. (nhìn xấu lắm)
3. Code của nó xung đột với code của Featured Posts làm cho Featured Posts đứng yên không chạy nữa.
Nam Tạ có cách nào khắc phục không, chỉ mình với. Nhân tiện, bạn cho mình hỏi cách chuyển hướng tên miền được không. Mình mới mua tên miền .com, khi mình truy cập vào tên miền cũ (blogspot.com) thì tên miền cũ vẫn hiện y chang có logo, còn truy cập vào tên miền mới (.com) thì tên miền mới cũng xuât hiện nhung không có logo. Điều này có thể làm cho người đọc không biết đâu là trang web của mình. Mình muốn khi truy cập vào tên miền cũ hay mới thì nó đều chuyển hướng sang địa chỉ của tên miền mới và có cả logo luôn. Nam Ta có bài nào hướng dẫn mình không, chia sẻ cho mình với nhá. Hơn nữa bạn có bài nào chỉ cách đặt Social Plugins (nút chia sẻ bài viết lên mạng xã hội) bên dưới mỗi bài viết không? chỉ mình luôn nha. Thanks bạn nhiều.
Blog mình: http://yeutienganh123.blogspot.com/ hoặc http://www.yeutienganh123.com/
À, mình mua của GoDaddy nhá bạn.
XóaNam ơi, sao trong Newfeeds của blogger, mình thấy bài viết của bạn hiện tiêu đề và nội dung bài viết, còn của mình chỉ hiện tiêu đề, không có nội dung, mà chỉ có noreply@blogger.com là sao vậy, trong RSS cũng y chang vậy: chỉ có tiêu đề mà ko có nội dung, chỉ mình cách khắc phục nhé. thanks
Trả lờiXóa1, Mình đã cập nhật lại code để nó chỉ hiện ở trang bài viết nha bạn,
Xóa2. Hiện tại thủ thuật này khai báo theo URL nên bài nào cũng có, nếu muốn riềng biệt thì bạn xem bài sau nha: XEM NGAY VES 2
3- Featured Posts chỵ bằng Jquery trong khi đây chỉ là một mã embed do vậy khồng sảy ra xung đột đâu bạn ak. Do bạn sử dụng nhầm thủ thuật khác thoi.
4- Cài tên miền: TÊN MIỀN
5- Các nút like: bạn chọn ở đây XEM
6- Newfeeds của blogger hiện tiêu để + nội dung theo đấu ngắt của bạn nha,
Cám on Nam nha, Nam cho mình liên kết blog nhé. Thông tin trang web: LINK: http://yeutienganh123.blogspot.com/ - TÊN HIỂN THỊ: Learning American English Online - LOGO: http://yeutienganh123.blogspot.com - KÍCH CỠ LOGO: cao = "16px", rộng = "16px." - MÔ TẢ: Đây là trang học Tiếng Mỹ miễn phí nhanh nhất.
Trả lờiXóaĐÃ add của bạn rồi đó anha/
XóaMinh đã Add
XóaNam có bài viết nào chỉ tuyệt chiêu tăng traffic cho blog không?
Trả lờiXóaTăng trafix thì mình không viết vì các cách kéo trafix ảnh hưởng rất nhiều tới xếp hạng blog của bạn,
XóaNam thêm giùm mình mô tả Blog: Trang học Tiếng Mỹ miễn phí nhanh nhất. Tên Blog: Learning American English Online. Cám ơn Nam nha.
Trả lờiXóaOke mình đã sửa.
XóaChào bạn,
Trả lờiXóaMình mắc phải lỗi là sau khi ấn like trong recommendation box hay comt trong facebook comment, đều hiện ra bảng confirm và bảng với dòng chữ lỗi kết nối. và mình không biết bị lỗi ở đâu, rất mong sự bạn giúp đỡ của bạn. Blog của mình: http://yeughibli.blogspot.com/
Mình chưa rõ lỗi bạn nói lắm nhưng mình vào bấm test trên blog bạn thấy mọi thứ vẫn bình thường mà bạn. Không hề xuất hiện lỗi như bạn nói. Bạn hãy đăng nhập vào mộ tài khoản face book khác và test xem sao nhé.
XóaMỗi mình lần like trong bảng recommendation đều hiển thị bảng thông báo confirm bạn ạ, rất phiền phức :(
XóaBạn thử thêm đoạn code bên dưới sau thẻ <head> nếu trong blog của bạn chưa có nha:
Xóa<meta content='article' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
Cám ơn bạn nhưng mà vẫn không được ạ :(( Hiện trạng thực tế của blog mình là nhưu thế này: Mình thêm comment và like cho blog của mình thì nó báo This comment has not yet been published to Facebook. Nút like hay follow cũng vậy, nó cần Confim và hiện lên bảng thông báo mới thực hiện được.
XóaThông báo This comment has not yet been published to Facebook hiện lên khi bạn đặt tùy chọn puplish to your page. Bạn chỉ cần bỏ dấu tích ở mục đó trog phần comment là sẽ hết lỗi thôi mà,
XóaThanh recommendation mỗi lần like nó đều bắt mọi nngười Confirm và hiện lên một bảng kết nối tới fb. Bạn có thể chỉ mình cách khắc phục không, thanks <3
XóaBạn hãy mời mail tavananam01@gmail.com của mình làm quản trị viên tạm thời mình cỉnh cho nha, tại vì lỗi này đến nay chỉ có bạn mơi mắc phải nếu nguyên nhân không phải bạn dùng id của trang khác thì mình cần phải xem cụ thể mới trả lời được bạn ak.
XóaMình đã gửi lời mời rồi á. bạn sửa lỗi giúp mình nha, thanks <3
XóaOke lát mình sẽ check ngay :)
Xóathanks bạn, khi nào bạn chấp nhận lời mời thì pm mình qua skype yaourtkute92 để mình thiết lập quyền quản trị nhé <3
XóaTiện ích comment này hả em, Nếu là tiện ích này thì em xem bài viết này nha
Trả lờiXóaẨn hiện khung comment với Jquery cho blogger
Code comment của blogger không thể tách ra khỏi phần xml của template em ak. Bình thường nếu em xóa đi nó sẽ được tự động thêm lại. Do vậy muốn làm như em là điều không thể.
Trả lờiXóaMình chèn thành công rồi, nhưng sao nó không hiện tiếng Việt chỗ các chữ comment, like, post ... mà chỉ hiện tiếng Tây Ban Nha hay gì đó thôi ah, hic. Admin giúp mình với nhé!
Trả lờiXóaBạn hãy thử truy cập bằng một tài khoản face khác xem còn gặp lỗi đó nữa không nha.
Xóabạn ơi mình muốn comment theo từng URL thì sao bạn? (hình như là comment facebook động)
Trả lờiXóaBạn có thể xem bài hướng dẫn bên dưới: Thêm comments facebook cho blogger ves2 (Update)
Xóachào b, mình đã thêm vào nhưng blog mình nó ko hiện box cmt face đâu cả, chỉ có box cmt google+ thôi, vậy thì lỗi gì đây b? thank
Trả lờiXóablog mình: http://hotgirlbuonchuyen.blogspot.com
Mình vào thấy bạn đang sử dụng ves 2 bạn nha. Nó hoạt động rồi đó.
Trả lờiXóaLàm sao để tạo cho mỗi bài viết được hả cậu ?
Trả lờiXóaMình chèn code theo cách này nhưng khi có người comment ở 1 entry thì mình mở entry nào ra cũng thấy xuất hiện comment fb đó hết là sao nhỉ? Bạn Namkna chỉ giúp mình với nha! Thannks!
Trả lờiXóaMuốn nó hiện luôn ngay dưới bài viết ngoài trang chủ luôn thì sao hả a? Kiểu như giống comment của mấy trang trên FB luôn ấy.
Trả lờiXóanó không hiện ra bạn ơi
Trả lờiXóahttps://tpvtinhoc.blogspot.com
nó không hiện ra bạn ơi
Trả lờiXóahttps://tpvtinhoc.blogspot.com
Em chào anh!
Trả lờiXóaĐọc các bài viết của ah thấy rất hay và e áp dụng nhiều cái đã thành công. Tuy nhiên, blog của em sau một thời gian thì khung comment facebook lại bị lỗi không đăng bình luận được.
Em đã thử nhiều cách và vì không hiểu nhiều về code lắm nên muốn nhờ ah xem giúp được không?
em sẽ gửi code vào email cho ah, xem giúp e nhé ! Thank a !