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
Thêm bình luận mới gần đây cho blogspot, Phong Vũ computer
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ẻ !
Chuyên mục: , , ,

0 nhận xét:

Đăng một bình luận