Tiện ích nhận xét mới nhất cho Blogger

Trong đi đảo qua các bài viết cũ để bổ sung chất lượng cũng đi như tối ưu hóa lại liên kết nội thì mình nhận thấy một thứ. Blog của mình chia sẻ khá nhiều những tiện ích (widget) cho Blogger nhưng lại thiếu một tiện ích cũng khá nhiều người đã chia sẻ rồi, đó là "nhận xét mới nhất". Thế nên mình nghĩ chắc làm luôn một vài bài viết về tiện ích này luôn cho đủ bộ.



Thế nên bài viết này mình xin chia sẻ đến các bạn tiện ích "nhận xét mới nhất" để thêm vào Blogger của mọi người, có thể là blog của bạn có rồi, hoặc biết rồi cũng như là chưa biết nhưng vẫn mong các bạn quan tâm.

Lợi ích từ tiện ích nhận xét mới nhất là gì?

Lợi ích bạn có thể thấy tại tiện ích này khá tương tự như những tiện ích khác ví dụ như "bài đăng mới nhất". Nó cung cấp cho người dùng những thông tin từ những bài viết đang được những người khác quan tâm, từ đó lôi kéo được họ xem những bài viết đó nhớ sức ảnh hướng của cộng đồng. Từ việc người dùng xem được nhiều trang hơn thì cũng sẽ giảm tỉ lệ bounce rate (tỉ lệ thoát) và sẽ được Google đánh giá cao hơn trong việc blog của bạn cung cấp nhiều thông tin hữu ích hơn đến với người dùng.

Hướng dẫn thêm tiện ích nhận xét mới nhất vào Blogger

Để thêm tiện ích này vào Blogger / Blogspot thì vô cùng đơn giản, thông thường thì người ta thường chèn nó vào các vị trí như bên phần sidebar hoặc footer (chân trang). Mà để chèn vào Blogger thì rất đơn giản, bạn vào "Bố cục" thêm một tiện ích "HTML/Javascript" mới và sao chép dán đoạn mã này vào phần nội dung của tiện ích đó.

<style type=text/css>
ul.nxmoi {
padding: 0;
list-style: none;
}
ul.nxmoi li {
margin-bottom: 10px;
border-bottom: 1px dashed #d2d2d2;
padding-bottom: 10px;
}
</style>
<script>//<![CDATA[
var sl_nhanxet = 7,
kt_nhanxet = 100;
// Recent Comment
function nhanxetmoi(json) {
var entry, commurl, commsum;
document.write('<ul class="nxmoi">');
for (var i = 0; i < sl_nhanxet; i++) {
entry = json.feed.entry[i];
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
commurl = entry.link[k].href;
break;
}
}
commsum = ("content" in entry) ? entry.content.$t : ("summary" in entry) ? entry.summary.$t : "";
commsum = commsum.replace(/<.*?>/g, "");
if (commsum.length > kt_nhanxet) commsum = commsum.substring(0, kt_nhanxet) + "...";
document.write('<li><strong><a rel="nofollow" href="' + commurl + '">' + entry.author[0].name.$t + ':</a></strong> <span>' + commsum + '</span></li>');
}
document.write('</ul>');
}
//]]></script>
<script src='http://www.kslzone.net/feeds/comments/summary?alt=json-in-script&amp;callback=nhanxetmoi'></script>
</style>
ở đoạn mã trên có ở thứ bạn có thể thay đổi được là

sl_nhanxet là số lượng nhận xét mới nhất sẽ lấy ra

kt_nhanxet là số lượng ký tự lấy ra tự nội dung của nhận xét đó

ngoài ra thì bạn có thể căn chỉnh css sao cho đẹp hơn cái mặc định mà mình đã làm.

Kết bài

Tiện ích nhận xét mới nhất này thì tính năng hơi bèo một tý, là không có avatar, không có tên bài đăng, không có thời gian gì hơn. Chủ yếu chỉ có tên và nội dung của người bình luận mới nhất thôi, nhưng cũng khá là tiện script nhỏ và chạy lẹ. Các bài viết sắp tới mình sẽ chia sẻ thêm từng đoạn script có nhiều tính năng hơn mời các bạn chú ý đón xem.
http://www.kslzone.net/2014/09/tien-ich-nhan-xet-moi-nhat-cho-blogger.html
Share this on Google+ Tumblr

Leave a comment

To insert a link, use tag [url=http://your_link]your-link[/url]
To insert the code , use the tag <i rel="code">your-code</i>
The long code can use the tag <i rel="pre">your-long-code</i>
To insert an image , use the code [img]URL Image[/img]
To insert a title , use tag <b rel="h4">Your Title here...</b>
To creat Bold text <strong>Your text here...</strong>
To create Italic text used tag <em>Your text here...</em>

:) :( :p :D :o ;) 8-) 8:) :/ :'( 3:) O:) :* <3 ^_^ -_- o.O O.o >:o :v :3
Cancel