Thủ thuật thêm "comment mới gần đây nhất" cho blogspot

Thủ thuật hôm nay mình giới thiệu tới các bạn cách tạo thêm thống kê "bình luận (comment) mới gần đây nhất" cho blogger. Đây là 1 thủ thuật hấp dẫn với người dùng blog khi sử dụng comment của blogger.

Lợi ích của thủ thuật:
- Load nhanh, liệt kê nhiều comment theo tùy chỉnh của mình
- Khung đẹp và gọn với thanh cuộn.
- Làm đơn giản

Hình ảnh Demo

Xem Demo trực tiếp tại blog: Demo thu thuat Blogspot
- Hướng dẫn thủ thuật:
1. Vào bảng điều khiển blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript.
2. Dán Code dưới đây vào tiện ích vừa thêm

<!-- Hướng dẫn thủ thuật itviet360.com -->
<center><div style="font-weight:bold; border: 2px #30a1db solid; padding:5px; text-align:center; background:#FFF380;"><span style="color: red; font-size: large;">Demo bình luận mới</span></div>
<div style="border: 4px solid orange; color: cyan; height: 220px; margin: 5px 0; overflow: auto; padding: 10px; text-align: left; width: 250px;">
<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 = 200,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script src="https://itviet360.googlecode.com/files/comment_itviet360.js" type="text/javascript"></script>
<script src="http://www.itviet360.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=200" type="text/javascript"></script>
</div>
</center>


Trong đó:
- Các thông số màu vàng thuộc về CSS các bạn có thể tùy chỉnh theo ý của mình về độ rộng, chiều cao, border (khung viền)
- 200 là số comment tối đa được hiển thị trong khung đó
- itviet360 là tên miền blog của bạn, ví dụ abcd.blogspot

---

Chúc các bạn vui vẻ ! Tags: Thu thuat , Thu thuat blogspot