Xem Demo: VIew Demo
Ảnh minh họa:
☼ Cách tiến hành:
1- Đăng nhập (login) vào Blog
2- Vào Bố cục (Lay out)
3- Chọn Thêm tiện ích => Tạo HTML/Javarscipt và dán code bên dưới vào:
<script style="text/javascript" src="http://dl.dropbox.com/u/66256041/comment/namkna-blogspot-com/comments-no-avantar.js"> </script> <script style="text/javascript"> var a_rc=10; var m_rc=true; var n_rc=false; var o_rc=100; </script> <script src="http://namkna.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>Trong đó
- var a_rc=10 : là số comment xuất hiện , trong trường hợp này tôi muốn 10 comments xuất hiện
- var o_rc=100 : số ký tự hiện ra đại diện cho một comment .
- thay http://namkna.blogspot.com/ bằngURL blog của bạn.
Nếu thấy khó các bạn có thể xem Widget hiển thị các comment gần đây không cần file js
Nhận xét
BẠN NAM CHO MÌNH CÁI TIỆN ÍCH CODE TIỆN ÍCH BÀI VIẾT LIÊN QUAN NHA CÓ GÌ BẠN GHÉ THĂM BLOG MÌNH NHA .
Trả lờiXóahttp://nhattuangod.blogspot.com
:5)
@Phan Nhật Tuấn Bạn tham khảo Tại Đây:1) :1) :1) :1) :1)
Trả lờiXóaAnh Nam cho hỏi. Sao trên blog cua em không hiển thị nhận xét của người viết (lúc trước em thấy nó hiển thị) bây giờ nó chỉ hiển thị một nhận xét, 2 nhận xét chứ không hiển thị nội dung nhận xét VD:http://vetbookshop.blogspot.com/2013/01/tai-lieu-chan-nuoi-thu-y-tieng-viet.html?showComment=1366254500376#comment-c5234451042767024367. Cám ơn Anh!
Trả lờiXóaXem xóa đoạn này coi sao:
Xóa#comments{overflow:hidden}
Em vừa mới xóa như anh chỉ nhưng cũng không hiện ra, chắn hư phần comment (gỡ bỏ) hoặc có xung đột gì không anh? xin anh chỉ dùm.
Trả lờiXóaBỏ cả đoạn sau coi sao nha:
Xóa/* Use this with templates/template-twocol.html */
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#d80556}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #d80556;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#d80556}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(http://lh6.ggpht.com/-GDMurKK2tec/T5JCD6hoKoI/AAAAAAAABAc/COHOItBlFWk/author.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
Em gỡ phần đó như chị chỉ nhưng nó vẫn không hiện phần nội dung comment???
Trả lờiXóahãy gửi tmeplate vào tavannam01@gmail.com anh sẽ chỉnh giúp cho nha.
Xóa