Cảm nhận tư duy và tổng hợp kiến thức

Thứ Năm, 10 tháng 12, 2015

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ộ.

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

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.
Nguồn kslzone.net
Ghi chú:
Phần Code gần cuối, chổ:
<script src='http://www.kslzone.net/feeds/comments/summary?alt=json-in-script&amp;callback=nhanxetmoi'></script> </style>
Bạn thay địa chỉ http://www.kslzone.net/ bằng chính địa chỉ của bạn
Socializer Widget by Nguyen D. Khanh
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé.

Share:
LIKE and Share this article: :

0 Comments:

Đăng nhận xét

More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa



Thống kê Blogspot

Lưu trữ Blog

Bài có thể xem

Mời tham gia CLB

 
Câu Lạc Bộ Kết bạn & Chia sẻ thông tin
Nhóm Công khai · 1.614 thành viên
Tham gia nhóm
Mục đích phát triển của Câu lạc bộ: - Cảm nhận tư duy và tổng hợp kiến thức.Cùng nhau Kết bạn và chia sẽ những gì tốt đẹp . - Giúp nhau chia sẽ thươn...
 
 
BACK TO TOP