Widget hiển thị Nhận xét mới nhất cho blogspot

on
Những Nhận xét của người đọc blog là điều rất quan trọng để các blogger phát triển blog của mình. Ngoài ra theo dõi được Nhận xét giúp cho các blogger chúng ta liên kết hơn với cộng đồng và đáp ứng kịp thời các thắc mắc và yêu cầu của bạn đọc.
Với tầm quan trọng của việc theo dõi các nhận xét mới, hôm nay thủ thuật blog 360 sẽ hướng dẫn các bạn tạo widget hiển thị các nhận xét hiện có trên blog của bạn.
Widget hiển thị Nhận xét mới nhất cho blogspot

Cách 1: Nếu bạn muốn hiển thị những nhận xét này ở 1 trang riêng biệt
Vào trang quản trị blog ->Trang -> Trang mới -> Chuyển chế độ soạn thảo sang HTML-> Paste đoạn code bên dưới vào và lưu lại

Cách 2: Nếu bạn muốn hiển thị nhận xét trên widget riêng ngoài trang chủ
Vào trang quản trị blog -> Bố cục -> Thêm tiện ích -> HTML/JavaScrip -> Paste đoạn code vào và lưu lại


<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="widget-content">
<style type="text/css">
ul.recent_comments{list-style:none;margin:0;padding:0;height:300px; overflow: auto;width:100%;}
.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;}
.recent_comments li .avatarImage{padding:3px;background:#fff;box-shadow:0 1px 1px #fff;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{}
.recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.recent_comments li span{margin-top:4px;color: #f8;display: block;font-size: 13px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 20,//Số lượng nhận xét hiển thị
showAvatar = true,
avatarSize = 50,//Kích thước avatar người nhận xét
roundAvatar = true,
characters = 20,//Số ký tự của nhận xét
showMorelink = true,
moreLinktext = "Xem thêm &#187;",
defaultAvatar = "Link ảnh mặc định của người nhận xét không có avatar",
hideCredits = false;
//]]>
</script>
<script src="https://googledrive.com/host/0B1EJGJ56bNPuSVp5cEtXZWZnNTQ/" type="text/javascript"></script>
<script src="http://thuthuatblog360.blogspot.com/feeds/comments/default?alt=json&amp;callback=recent_comments&amp;max-results=100" type="text/javascript"></script>
</div>
</div>
Hướng dẫn chỉnh sửa code:
- Thay http://thuthuatblog360.blogspot.com/ bằng địa chỉ blog của bạn.
- Tải file tại https://googledrive.com/host/0B1EJGJ56bNPuSVp5cEtXZWZnNTQ/ lưu trên host của bạn để sử dụng lâu dài.

Comments

Post a Comment