Bài viết này mình sẽ hướng dẫn các bạn thêm cùng lúc 3 loại comment phổ biến nhất hiện nay dành cho blogger. Đó là comments mặc định của blogger, comments của trang facebook và cuối cùng là comment của trang google +. Với dạng tab chuyển động nên cho dù các bạn chèn 3 loại comment nhưng không hề chiếm diện tích và làm sấu bố cục, mà ngược lại nó còn làm cho trang của bạn nhìn chuyên nghiệp hơn.
Các bạn có thể xem ảnh minh họa để thấy rõ nguyên tắc hoạt động của thủ thuật này trước khi quyết định có áp dụng nó hay không nha:
Và nếu cần thiết bạn có thể thử nghiệm trực tiếp trên blog demo của mình nha:
Để làm được điều đó các bạn lần lượt làm theo các bước bên dưới:
» Bước 1: Tạo app trên facebook và lấy Application ID
Bước này mình đã từng giới thiệu đến cho các bạn trong ves 2 và các bạn có thể xem cách tạo một APP facebook như trong bài viết mình từng hướng dẫn ở đây: » Tạo app trên facebook và lấy Application ID
» Bước 2: Cài đặt phần comment mặc định của blogger
- Để các blogger để hiển thị bình luận facebook tab, bạn phải thiết lập comment nhúng bên dưới bài viết. Để hiển thị các comment blogger bên dưới bài hãy làm như sau:
2.1- Bào Blogger> Cài đặt> Bài đăng và nhận xét
2.2- Thiết lập "Vị trí nhận xét" (Comment Form Placement) để nhúng (Embedded ) bên dưới bài viết và Lưu thiết đặt của bạn lại. Như vậy khi chuyển tab phần comment đó sẽ nằm ở vị trí như trong demo
(Bước này đa số mặc định của blogger đã cài đặt sẵn tuy nhiên một số blog có thể vô tình mà bạn cài đặt dạng khác. Nếu kiểm tra thấy nó không như hướng dẫn thì hãy cài lại nha)
» Bước 3: Chèn comment Facebook, comment Google+ và comment mặc định của blogger vào blogspot
3.1- Vào phần mẫu (Template)
3.2- Chọn Chỉnh sửa HTML (Edit HTML).
3.3- Tìm thẻ như bên dưới (thông thường nó nằm ngay phần đầy của blog vì nó là thẻ mở của template mà):
<html- Thay thế nó thành đoạn code bên bên dưới
<html xmlns:fb='http://www.facebook.com/2008/fbml'3.4- Dán code khai báo với face book bên dưới sau thẻ <head>:
<meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.url' property='og:url'/> <meta content='article' property='og:type'/> <meta content='Logo.png' property='og:image'/> <meta content='App ID' property='fb:app_id'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script type='text/javascript'> function commentToggle(selectTab) { $(".comments-tab").addClass("inactive-select-tab"); $(selectTab).removeClass("inactive-select-tab"); $(".comments-page").hide(); $(selectTab + "-page").show(); } </script> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
☼ Tùy chỉnh code:
- Thay Logo.png thành link ảnh của bạn. Tốt nhất hãy sử dụng ảnh có kích thước 30 x 30px. Nếu bạn không muốn có một biểu tượng hiển thị trên tường mỗi khi có một ai đó đăng nhận xét trong blog của bạn thì hãy xóa đoạn code màu xanh đi.
- Thay App ID thành App ID đã tạo ở bước 1. (ở bài này)
- Nếu blog của bạn đã có file jquery-min.js rồi thì xóa phần màu vàng (Để biết blog có file đó hay chưa hãy bấm CTrl + F và đánh tên file vào).
3.5- Dán đoạn CSS sau trước thẻ ]]></b:skin> :
#blogger-comments-page{padding:0 5px} #comments h4{text-indent:-999em;height:1px;background:#0186CB;margin-top:27px} #fb-comments-page, #googplus-comments-page{display:none} #googplus-comments-page {border-top: 1px solid #0186CB;margin-top: 27px;} .comments-page{width:98%} .comments-tab{float:left;padding:5px;margin-left:5px;margin-right:3px;cursor:pointer;background-color:#048F14;color:#fff} .comments-tab-icon{height:14px;width:auto;margin-right:3px} .comments-tab:hover{background-color:#rgb(35,117,44)} .inactive-select-tab{background-color:#000} .fb_iframe_widget{background:#333;color:#fff}
☼ Tùy chỉnh CSS:
- background:#333 là màu nền của phần comment facebook bạn có thể đổi lại thành màu khác (trong bài này mình để nền màu đen)
- color:#fff là màu chữ của phần commnet facebook. Nếu bạn thay đổi màu nền thì hãy thay đổi cả phần này cho thích hợp với blog của bạn nha.
- background-color:#000 là màu nền của các tab. Phần mà khi bạn bấm để chuyển qua lại giữa các tab như hình sau:
<b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'>- Thêm vào sau nó đoạn code sau:
<div class='comments-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUDH7TEOfp77nlW89HckmgZF677jZy0CNOUzi2CuPytMhecELE8wa4ODv6FNy8sTWzrWYkEUpZLyI6HSJ8oWn5vdmJu83n1jXeJGCVe-Rw881v9wcw75P16XZ8zV0nJRBSHW30mfWB9OQY/s1600/icon-blogger-namkna.png'/><data:post.numComments/> Comments </div> <div class='comments-tab inactive-select-tab' id='googplus-comments' onclick='javascript:commentToggle("#googplus-comments");' title='Comments made with Google+'><img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAKFvJRSXN3_drgSfG7JR1ubuKauHRU7aIpghiail-LNAZ5bPjXaIaHFLyKiFyiJyvKUxWbto1KXYM33ahty6LK4lzQbZKZ8kainon9Xdyy-hqXjZaiM9I2YKIvLk8M8lusWebrTn4tbGI/s1600/google+++namkna.png'/> G+ Comments </div> <div class='comments-tab inactive-select-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeeasJWpPv3eE3JUoS7-nsAhYKSEXdN8F51DdXuUTsD679_Kpa2z55vFjISE-1cbGrp_s73UJ0cc9WUQiAPRBuL8JVNIdr3XVPjn-uZ32doS4-qDNsmQro1CudYdoQSNX8dkKtx3XDDbXQ/s1600/facebook-namkna123.png'/> <fb:comments-count expr:href='data:post.url'/>Comments </div> <div class='comments-page' id='googplus-comments-page'> <b:if cond='data:blog.pageType == "item"'> <div id='google_comments'/> <script src="http://apis.google.com/js/plusone.js"></script> <script> gapi.comments.render('google_comments', { href: window.location, width: '680', first_party_property: 'BLOGGER', view_type: 'FILTERED_POSTMOD' }); </script> </b:if> </div> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'> <div class='fbcm'> <div id='fb-root'/> <fb:comments colorscheme='dark' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='680'/> </div> </b:if> </div> <div class='comments-page' id='blogger-comments-page'>
☼ Tùy chỉnh phần comment:
- Phần màu vàng là phần comment của google + nếu không thích thì bạn có thể xóa nó đi.
- Phần màu xanh là phần comment của facebook nếu không thích thì bạn có thể xóa nó đi.
</div>
3.8- Lưu mẫu của bạn lại và kiểm tra kết quả đã làm nha.
Nếu gặp bất cứ khó khăn nào khi áp dụng hãy để lại comment của bạn ở dưới bài viết này mình sẽ hướng dẫn cụ thể và giải đáp các thắc mắc của các bạn.
☼ Quản lý comment được đăng trong tab facebook:
- Để đánh dấu bất cứ bình luận nào đó là thư rác (spam) hoặc loại bỏ/ẩn bất cứ bình luận bạn cần đăng nhập vào tài khoản facebook đã tạo App trên của bạn bằng cách truy cập trang này:
http://developers.facebook.com/tools/comments
Bạn có thể kiểm duyệt tất cả cùng một lúc mà không cần truy cập tất cả các bài viết trong blog của bạn và điều chỉnh các ý kiến cá nhân cho mỗi bài viết.
Làm thế nào để cho phép các nhà cung cấp khác đăng nhận xét trên khung comment facebook,
Với Facebook Plugin bạn có thể chọn để chấp nhận ý kiến ngay cả với Yahoo, Hotmail hay AOL. Để chấp nhận bình luận từ các nhà cung cấp phần thứ ba chỉ cần nhấp vào liên kết Settings trên Facebook hộp bình luận bên trong một bài viết bất kỳ của bạn và nhấp vào hộp kiểm nói rằng "các nhà cung cấp đăng nhập khác" (Other login providers)
Lưu ý: liên kết Settings hoặc Moderator view sẽ chỉ xuất hiện trên các bài viết mới của bạn hoặc bài viết có ít hơn 2 comment Facebook. Do vậy chỉ cần truy cập bài viết mới của bạn và chỉnh sửa nó từ tab facebook.Lưu ý với thread comment:
Với các bạn sử dụng mẫu thread comment của blogger thì các tab chỉ xuất hiện khi có một commnet đầu tiên được xuất bản.
Nhận xét
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Xóacảm ơn Namkna nhiều nhé, đúng cái mình mong dợi lâu nay :D
Trả lờiXóaNamkna có thể giúp mình chỉnh thêm sao cho mỗi lần khi vào bài đăng thì hiện cmt của Fb đầu tiên không? mặt dù mình đã hoán đổi vị trí của cmt Fb về phía trước nhưng vẫn hiện cmt của blog trước, khi cần cmt Fb thì fai click vào Cmt Fb, rất bất tiện cho người theo dõi không để ý đến cmt Fb, http://1netquang.blogspot.com/2013/09/khanh-thanh-cay-cau-bi-sap-3-nam-truoc.html
Nếu bạn muốn khi truy cập vào cái đầu tiên nó hiển thị là của face book thì bạn thay đoạn:
Xóa#blogger-comments-page{padding:0 5px}
#comments h4{text-indent:-999em;height:1px;background:#0186CB;margin-top:27px}
#fb-comments-page, #googplus-comments-page{display:none}
Thành:
#blogger-comments-page{padding:0 5px}
#comments h4{text-indent:-999em;height:1px;background:#0186CB;margin-top:27px}
#fb-comments-page, #googplus-comments-page{display:none}
Và thay đổi vị trí của 3 đoạn:
<div class='comments-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://1.bp.blogspot.com/-kWJNusoCMrY/UmFj2SvSviI/AAAAAAAAL3A/TYFuh_symU4/s1600/icon-blogger-namkna.png'/><data:post.numComments/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='googplus-comments' onclick='javascript:commentToggle("#googplus-comments");' title='Comments made with Google+'><img class='comments-tab-icon' src='http://3.bp.blogspot.com/-PNOKhttBWcI/UmFjlkpQ5kI/AAAAAAAAL24/GSt-90XQyE4/s1600/google+++namkna.png'/>
G+ Comments
</div>
<div class='comments-tab inactive-select-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://2.bp.blogspot.com/-6VCYhvZAYYQ/UmFjVg3hgpI/AAAAAAAAL2w/QZVHMtQ7CQw/s1600/facebook-namkna123.png'/>
<fb:comments-count expr:href='data:post.url'/>Comments
</div>
thành:
<div class='comments-tab inactive-select-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://2.bp.blogspot.com/-6VCYhvZAYYQ/UmFjVg3hgpI/AAAAAAAAL2w/QZVHMtQ7CQw/s1600/facebook-namkna123.png'/>
<fb:comments-count expr:href='data:post.url'/>Comments
</div>
<div class='comments-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://1.bp.blogspot.com/-kWJNusoCMrY/UmFj2SvSviI/AAAAAAAAL3A/TYFuh_symU4/s1600/icon-blogger-namkna.png'/><data:post.numComments/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='googplus-comments' onclick='javascript:commentToggle("#googplus-comments");' title='Comments made with Google+'><img class='comments-tab-icon' src='http://3.bp.blogspot.com/-PNOKhttBWcI/UmFjlkpQ5kI/AAAAAAAAL24/GSt-90XQyE4/s1600/google+++namkna.png'/>
G+ Comments
</div>
đầu tiên cho e cảm ơn a đã làm giúp e! nhưng khi e thay comment facebook lên trước thì nó vẩn hiện thị mặc định là comment của blogger ! giờ làm thế giờ để chuyển kái mặc định hiển thị thành facebook đc a
XóaCái mà anh trả lời mail em hôm ny đó hả, Để lát anh vào anh sửa luôn lại cho nha.
Xóahttp://developers.facebook.com/tools/comments
Trả lờiXóahình như trang này không vào được nữa, bình thường mình vẫn vào được mà giờ vô dụng rồi
uK CHẮC họ đang cập nhật nên tạm thời không vô được bạn ak, bạn để một vài ngày nữa rồi vào lại sau coi sao nha :)
Xóamình làm đúng không báo lỗi nhưng nó lại không hiện kết quả, mà lại hiện 1 loạt dãy mã code trên đầu của blog T_T
Trả lờiXóaEm lưu ý khi thực hiện em phải làm hết các bước rồi mới lưu lại vì nó liên quan đến nhau mà. Nhất là đoạn code ở bước 3.6 và 3,7 đó em ak.
Xóacho mình hoi nếu xóa đoạn code màu xanh kia có thể thì hiện hình banner của trang blog. Mình muốn hiện hình trên bài đăng thì phải làm như thế nào vậy Nam?
Trả lờiXóaThay thế đoạn màu xanh thứ 2 bằng đoạn code chèn hình ảnh của bạn:
XóaThay thế đoạn màu xanh thứ 2 bằng đoạn code chèn hình ảnh của bạn:
<div class='comments-page' id='fb-comments-page'>
<img src="Link ảnh" />
</div>
em áp dụng cách của anh rồi. nhưng nó chỉ hiện mỗi comment của g+ , anh xem giúp em với được ko ạ.
Trả lờiXóahttp://niemtinkhatkhao.blogspot.com/
Bước 3.6 em làm sai vị trí em ak.
Xóaphần 3.6 của em chỉ có đoạn code này :
Xóa<b:includable id='threaded_comments' var='post'>
<div class='comments threaded_commentsnya' id='comments'>
và em đặt phía sau nó luôn.
anh có thể xem giúp em được ko ạ
Nguyên nhân chính là do đoạn code của em đã bị thay đổi và ẩn đi. Em hãy xóa đoạn sau đi nha
Xóa.comments.threaded_commentsnya .comment-form {
display:none;
}
Lưu mẫu lại và kiểm tra xem đã được chưa nến chưa được thì tiếp tục làm như sau. em sửa 2 đoạn đó của em:
<b:includable id='threaded_comments' var='post'>
<div class='comments threaded_commentsnya' id='comments'>
thành đoạn code này của anh nha:
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
Vẫn ko được. thôi e chuyển về cái ves2 vậy
XóaEm có thể dùng ves 2 hoặc gửi mẫu vào tavannam01@gmail và ghi rõ yêu cầu anh sẽ thêm cho :)
Xóachao bạn mình có thử đoạn code này vẫn không được
Xóabạn xem đoạn này giúp mình với
HTML expr:dir='data:blog.languageDirection'>
Em lưu ý giúp anh là sau khi thay phần html thì sau đoạn bên dưới phải có dẫu cách với phần còn lại nha.
Trả lờiXóa<html xmlns:fb='http://www.facebook.com/2008/fbml'
Anh ví dụ:
<html xmlns:fb='http://www.facebook.com/2008/fbml' 'http://google
giữa 2 đoạn xmlns:fb='http://www.facebook.com/2008/fbml' và 'http://google có dấu cách đó nha em viết liền sẽ lỗi đó.
Được chứ vậy thì em tháy đoạn:
Trả lờiXóa<html>
thành nhue bên dưới là được:
<html xmlns:fb='http://www.facebook.com/2008/fbml'>
Ngồi loay hoay cả buổi mà không làm được giống như của Nam. Tớ gửi Template đến Nam rồi nhé. Hy vọng cậu chỉnh sửa giúp . Chân thành cám ơn cậu !
Trả lờiXóaOke lát mình sẽ check mail trả lời bạn nha.
XóaMình làm theo các bước của bạn nhưng blog thứ nhất thì đc, sang blog thứ 2 thì nó ko hiện tab mặc dù mình đã comment thử test rồi :(
Trả lờiXóaBạn chèn nhầm vị trí ở bước cuối rồi hãy làm lại đi nha.
XóaBạn đăn nhập vào blog vào phần GOOGLE + nếu đang bật comment của google + thì hãy bỏ dấu tich ở hình ảnh bên dưới đi nha bạn,. XEM ẢNH
XóaEm có thể xem bản nâng cấp của bài này nha e AncMedia Edition - Plugin hỗ trợ play videos cho trang phim
Trả lờiXóaBạn ơi, mình gửi teample cho bạn qua blog này, không biết bạn đã nhận được chưa, nếu được rồi thì bạn chỉnh sửa giùm mình với nha
Trả lờiXóaMình gửi qua phần liên hệ ở phía trên ấy, không biết có đến được không, nếu không bạn cho mình địa chỉ mail nhé
Trả lờiXóaPhần đó đâu có đính kèm file được bạn.
Xóamail mình là tavannam01@gmail.com nha bạn.
minh lam thi duoc roi, nhung khi co 1 comment blogger thi tab lai bien mat. giup minh nhe!
Trả lờiXóaĐây là chính sách mới của google theo đó những tiện ích của bên thứ 3 chèn vào blog chỉ có thể chọn một trong 2 hình thức với 2 đoạn code <div class='comments' id='comments'> (Em tìm kiếm sẽ thấy nó có 2 đoạn như vậy)
Xóa1. Đoạn <div class='comments' id='comments'> đầu tiên thì: ban đầu bị ẩn, khi có ít nhất một comment nó mới hiện thị.
2. Đoạn <div class='comments' id='comments'> thứ 2 thì: Ban đầu hiện thị, khi có từ một comment trở lên thì nó sẽ bị ẩn.
- Do vậy chúng ta thường lựa chọn hình thức đầu vì nó hữu dụng hơn.
Tuy nhiên nhiều người muốn kết hợp cả 2 hình thức như em chẳng hạn, đây không phải là không thể làm được nhưng nếu làm trang của em sẽ phải load một đoạn code 2 lần vô hình chung trang của em sẽ chậm đi đôi chút,
Không nói vòng vo nữa, nếu muốn nó hiện thị thì chỉ có các duy nhất là đoạn code ở bước 6 e phải chèn 2 lần tức là sau 2 đoạn code có dạng <div class='comments' id='comments'>
Đó là nguyên nhân vì sao anh viết cả 2 đoạn bên dưới để em tìm
Xóa<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
Bởi ngoài ra nó còn có một đoạn như bên dưới nữa:
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
Nếu bước 3.6 và bước 3.7 em chèn 2 lần thì hiển nhiên nó sẽ hiện thị ở cả 2 dạng, điều đó đồng nghĩa trang load chậm hơn :)
anh oi cua em chi co 1 doan code div class='comments' id='comments' thoi a. em gui email cho anh + template cua blog cua em roi. anh xem giup em nhe!
XóaEm gửi nhớ ghi rõ yêu cầu và link bài viết này nha, Không nhiều thư a không nhớ hết nội dung hỗ trợ đâu/
XóaHic! Sao cái trang của mình nó không có phần đăng nhận xét, mặc dù đã bật" nhúng" rùi mà vẫn không thấy :(
Trả lờiXóaMình vào nó vẫn hiện thị rất tốt mà bạn :)
XóaDear Bạn,
Trả lờiXóaMình đã nhúng code theo hướng dẫn của bạn nhưng không chuyển đổi giữa các comment được và cũng không thấy phần settings. Bạn xem giúp mình nhé. Địa chỉ của blog mình là: http://bettyle.blogspot.com.
Cám ơn bạn nhiều
Bạn đã xóa file 1.7.1/jquery.min.js của mình, Như mình nói nếu trong blog của bạn có phiên bản cao hơn hoặc tương đương thì bạn mới xóa, nếu nó thấp hơn thì bạn xóa bản thấp hơn như blog bạn là đoạn 1.5.1/jquery.min.js
XóaVấn đề thứ 2: Phần cài đặt chỉ hiện thị với comment facebook và bài viết đầu tiên có nhận xét đầu tiên nha bạn.
Muốn hiện phần đó bạn chỉ cần đăng nhận xét comment vào một bài viết bạn xuất bản gần nhất nó sẽ hiện thị.
Oh, đúng rồi. Cám ơn bạn nhiều. Mình đã xem ko kỹ Ver.
XóaCám ơn bạn nhiều vì mình đã làm được nhưng khổ nối khung cmt fb rộng quá nên nút commnet bị đè lên không thấy được. minh tìm để đổi kích thước rồi mà hok thấy. Mong bạn giúp đỡ! thanks so!
Trả lờiXóaBạn sửa đoạn:
Xóa.fb_iframe_widget{background:#333;color:#fff}
thành:
.fb_iframe_widget{background:#333;color:#fff;width:300px!important}
Vậy với thread comment có cách nào khắc phục hiện ngay 3 loại comment mà ko cần 1 comment mới hiện ko?
Trả lờiXóangoài ra chỉ mình edit độ rộng của nó, dài quá mình tìm độ rộng nó để edit lại mà ko thấy :(
XóaHiện tại thì chưa khắc phục được tình trang hiển thị một comment mơi shienej tiện ích này bạn ak.
Xóa- Chỉnh độ rộng thì dùng đoạn:
#fb-root{width:500px !important}
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaMinh dang rat can no cho trang thcsgiaoan.tk Mong cac ban chia se khi minh khong lam duoc nhe
Trả lờiXóaAh! Mail cua minh vnnk009@gmail.com
Trả lờiXóaLàm mãi vẫn khong khong? help me thcsgiaoan.tk
Trả lờiXóaGửi mẫu và app id face vào tavannam01@gmail.com mình thêm cho,.
XóaMình gửi cả rồi! Nhờ bạn nhé! Thankss!!
Trả lờiXóaĐọc xong vẫn chẳng biết phải làm thế nào ạ
Trả lờiXóaa có thể giúp e với cái templates của e ko ạ ?
Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóafacebook apps ko cho add domain blogspot.com nữa Nam ơi.
Trả lờiXóavà cái khung facebook với google+ chỉ hiện ra khi có comment ít nhất 1 lần, có cách nào khắc phục cho nó hiện luôn mà ko cần comment ko?
thủ thuật này rất hay, mình rất thích, trông nó gọn gàng đơn giản rõ ràng hơn, khắc phục được cái trên nữa thì quả là good :)
Hiện tại mình thêm blogspot.com vẫn được bạn ak.
XóaVấn đề thứ 2 thì hiện tại chưa khắc phục được vì hiện tại blogger đang sử dụng các cặp thẻ b:if và b:else để hiện thị comment dạng phân cấp, và họ vẫn chưa cho phép can thiệp quá sâu vào code phần này.
anh ơi em làm mà nó ko hiện ra.. anh xem dùm em vs http://www.viet.co.vu/
Trả lờiXóaNó chỉ hiển thị khi có ít nhất một nhận xét của blogger được xuất bản nha e.
XóaAk mà hienj tại em đang sử dụng tới 2 đoạn code nhận xét facebook lận.
Bạn xem giúp mình blog lỗi này với:
Trả lờiXóa1) Khi xem bài viết thì có bài hiện cái khung comment, có bài ko hiện khung comment, mình có 5 bài viết, chỉ có 3 bài là có comment, còn 2 bài còn lại ko có khung comment.
2) Trong 3 tab comment đó, tab comment google+ của mình nó ko hoạt động?
Tks bạn nhiều.
Blog của mình là: http://giasuuytinhcm.blogspot.com
Xóa1. Chỉ khi có ít nhất một comment của google được xuất bản thì tiện ích này mới hoạt động.
Xóa2. Bạn sửa đoạn:
<script>
gapi.comments.render('google_comments', {
href: window.location,
width: '680',
first_party_property: 'BLOGGER',
view_type: 'FILTERED_POSTMOD'
});
</script>
thành:
<script src="http://apis.google.com/js/plusone.js"></script>
<script>
gapi.comments.render('google_comments', {
href: window.location,
width: '680',
first_party_property: 'BLOGGER',
view_type: 'FILTERED_POSTMOD'
});
</script>
lưu lại sẽ có comment của google +
a ơi http://c3thaiphuc.blogspot.com/2014/07/ngam-thpt-thai-phuc-duoi-nhung-con-mua.html?fb_action_ids=558864210886656&fb_action_types=og.comments&fb_source=aggregation&fb_aggregation_id=288381481237582#.U9ovw71qNAg
Trả lờiXóaa xem giúp e mới...e sửa mãi không đc phần facebook nó dài quá, a giúp e mới
Cái comment fb của bạn để độ dài là 680px. Tìm đến đoạn code <div style="width: 680px; chỉnh lại cho phù hợp với Blog là được!
Xóatrang của mình nó show cả 2 mới ghét fix thế nào vậy bạn
Trả lờiXóahttp://www.vuivevn.com/2014/08/cao-thu-xuat-hien.html
Mình vừa kiểm tra nó hoạt động rất oke mà bạn. Tuy nhiên đoạn code bước 3.6 bạn chèn nhầm vị trí cho nên nó hiển thị ngay từ đâu, sau khi có một nhận xét được đăng nó sẽ mất hết phần mở rộng đó. Bạn nên chèn lại nha,.
Xóaà mình tìm được chỗ sửa rùi, làm phiền namka quá ^^!
Trả lờiXóamình làm phát 1 thì thành công, nhưng khi đưa vào dùng thì có lỗi ở comment của blogspot, khi ai mà comment bằng blogspot thì tự động mất luôn khung comment G+ và FB, chưa kể nút trả lời comment của blospot cũng bị vô hiệu hóa không dùng được, namkna có thể fix lỗi được không?
Trả lờiXóaáp dụng nó để mình kiểm tra nha bạn.
Xóamình chưa hiểu bước 3 cho lắm, bạn kêu thay thẻ <html
Trả lờiXóatrogn đó thay từ đâu tới đâu, bạn hướng dẫn bằng hình minh hoạ cho dễ
Ví dụ thẻ HTML của bạn có dạng:
Xóa<html class='v2' dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
thì bạn thay thế nó thành:
<html xmlns:fb='http://www.facebook.com/2008/fbml' class='v2' dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
MÌNH CÓ GỬI MAIL CHO BẠN BẠN NHẬN ĐƯỢC CHƯA, , SẴN NHỜ BẠN CHỈNH SỬA DÙM
Xóamình làm đến bước 3.7 là bị lỗi không đúng cú pháp, nhờ bạn test lại dùm, mình đã gửi qua email cho bạn rồi, cảm ơn bạn
Trả lờiXóaKhung comment facebook dài quá khổ, làm sao chỉnh cho ngắn lại vậy Bác NAMKHA. http://giaidapsinhhoc.blogspot.com/
Trả lờiXóaBạn cho mình hỏi cái.
Trả lờiXóaNếu mà phần comment của blogspot tích hợp thêm tính năng trả lời thì không dùng được cái này hả hạn?
Nam cho mình hỏi không biết lý do tại sao mà khung comment blogger và face của mình nó không hoạt động được, giúp mình với http://vnshare102.blogspot.com/
Trả lờiXóaThêm comment Facebook vào Blogspot Blogger (Mới) 100% thành công: https://www.youtube.com/watch?v=vElOHRFK3Mk
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaKhông biết còn đc trả lời không nữa nhưng vẫn phải hỏi bạn cái
Trả lờiXóaSao khi ở trang thái bài viết không có bất kỳ một bình luận nào thìblog chỉ hiển thị mỗi một khung comment mặc định của blog . Còn thanh comments-tab thì lỗi không hiển thị đc . Bạn fix dùm mình cái lỗi này cái @@~
Mình làm đc rồi . Bạn hướng đẫn bước 3.6 >> tìm đoạn chèn code vào . Mình gặp lỗi . Mình chuyển lên chèn ở đoạn . Hay quá mình làm đc rồi cảm ơn bài viết cuả bạn nhé !!
Trả lờiXóaBạn ơi mình hỏi cái với . hy vọng có câu trả lời .
Trả lờiXóaKhi mình đổi màu nền của comment facebook .fb_iframe_widget{background:#fff;color:#444;} thì màu color không đổi đc bạn . với lại khi đổi màu nền ra màu trắng thì khi comment vào tên hiển thị facebook nó là màu trắng . Làm cách nào để hiển thị màu khác đc ban. Một vấn đề nữa . khi mình cick vào tab comment facebook hoặc g+ trong khung tab comment blog ý . thì nó lại bật khung comment về width khoảng 200 rất khó chịu . Đây là blog của mình bạn vào xem và fix lỗi dùm mình nhé ! Mình làm mọi cách mình biết mà vẫn không tài nào sửa đc bạn ạ !!! http://hubygo.blogspot.com/ . Làm ơn reply dùm nhé . thank bạn trước !!!!
Bạn ơi mình hỏi cái với . hy vọng có câu trả lời .
Trả lờiXóaKhi mình đổi màu nền của comment facebook .fb_iframe_widget{background:#fff;color:#444;} thì màu color không đổi đc bạn . với lại khi đổi màu nền ra màu trắng thì khi comment vào tên hiển thị facebook nó là màu trắng . Làm cách nào để hiển thị màu khác đc ban. Một vấn đề nữa . khi mình cick vào tab comment facebook hoặc g+ trong khung tab comment blog ý . thì nó lại bật khung comment về width khoảng 200 rất khó chịu . Đây là blog của mình bạn vào xem và fix lỗi dùm mình nhé ! Mình làm mọi cách mình biết mà vẫn không tài nào sửa đc bạn ạ !!! http://hubygo.blogspot.com/ . Làm ơn reply dùm nhé . thank bạn trước !!!!
Bạn giúp mình chuyển comment facebook thành tiếng Việt với
Trả lờiXóaCám ơn
hay nhỉ
Trả lờiXóa