Các mẫu recent comment thì đã có rất nhiều, hôm nay mình lại giới thiệu với các bạn một mẫu khác nữa.
2. > Bố cục > Thêm tiện ích > HTML/Javascrip
3. > Dán code dưới vào và save lại
#Thêm tiện ích
1. Đăng nhập Blogger2. > Bố cục > Thêm tiện ích > HTML/Javascrip
3. > Dán code dưới vào và save lại
<style type="text/css"> ul.w2b_recent_comments { list-style: none; margin: 0; padding: 0; } .w2b_recent_comments li { background: none !important; margin: 0 0 6px !important; padding: 0 0 6px 0 !important; display: block; clear: both; overflow: hidden; list-style: none; } .w2b_recent_comments li .avatarImage { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden; } .avatarRound { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .w2b_recent_comments li img { padding: 0px; position: relative; overflow: hidden; display: block; } .w2b_recent_comments li span { margin-top: 4px; color: #666; display: block; font-size: 12px; font-style: italic; line-height: 1.4; } </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 40, roundAvatar = true, characters = 40, showMorelink = true, moreLinktext = "More »", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://trollfile.googlecode.com/files/w2b%20recent%20comments%20with%20avatars.js"></script> <script type="text/javascript" src="http://khanh98.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>Lưu ý:
- numComments là số comment hiển thị
- showAvatar là có hiển thị avatar không, nếu không thay true thành false
- avatarSize là kích thước avatar (n x n)
- characters là số kí tự trích dẫn
- showmorelink là có hiện thị nút More » hay không
- morelinktext là kí tự hiện thị cho liên kết đến bình luận
- defaultAvatar là link avatar cho các comment ẩn danh
Comments
Post a Comment
» Vui lòng không spam vì nó sẽ bị xóa ngay sau đó.
» Nếu chèn code hãy mã hóa trước khi chèn vào nhận xét.
» Nếu thủ thuật Blog không áp dụng được thì hãy để lại URL blog để mình tiện kiểm tra.