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.

9 bình luận

  1. avatar says

    14:25 Ngày 05 tháng 09 năm 2014

    khung viết code trong các bài viết của bạn làm thế nào vậy có thể chỉ mình không, mình đã copy phần css pre vào trước ]]> rồi nhưng khi vào trong bài viết thì đoạn chử được mình bỏ trong thẻ pre thì bị mất

  2. avatar says

    14:36 Ngày 05 tháng 09 năm 2014

    Đầu tiên bạn cứ ghi code ra bình thường ở khung soạn thảo, ĐỪNG chuyển qua soạn thảo bằng HTML. Sau khi hoàn thành bạn hãy chuyển qua soạn thảo bằng HTML, tìm đến những chỗ có đoạn mã đó, sau đó thì mới thêm thẻ "pre" vào cho nó tại phần code đã được tự động mã hóa.

    P/S: Góp ý cho bạn này, bạn clone nội dung của một site khác thì không thể phát triển được đâu :D. Google sẽ không index website của bạn thì nó biết bạn là người chuyên sao chép. Công thêm vào đó sử dụng Blogger mà chia sẽ những nội dung và phầm mềm không phải của mình nếu bị report thì blog đó trước sau gì cũng sẽ bị xóa thôi. Thân!

  3. avatar says

    17:12 Ngày 05 tháng 09 năm 2014

    cậu ơi làm sao để bỏ thẻ ngày tháng trên mỗi đầu bài viết của blog mình vậy cậu :v
    BLOG MÌNH

  4. avatar says

    17:14 Ngày 05 tháng 09 năm 2014

    Mấy template đó lúc đầu mình làm ẩu nên nó còn vương vấn mấy cái đó. Bạn vào chỉnh sửa Widget Blog và tắt cái tủy chọn đầu tiên đi nhé.

  5. avatar says

    15:46 Ngày 16 tháng 12 năm 2014

    Có thêm avatar người comment đc ko Lâm?

  6. avatar says

    18:45 Ngày 16 tháng 12 năm 2014

    Tiện ích ấy Share nhiều trên mạng mà anh.

  7. avatar says

    19:09 Ngày 16 tháng 12 năm 2014

    Có thêm avatar thì phát sinh thêm nhiều code lắm ^_^. Nói chung bác lụm ngoài cũng được, bữa bảo lụm của người ta về blog share mà quên mất.

  8. avatar says

    10:43 Ngày 22 tháng 06 năm 2016

    sao mình chèn vào nó lai hiển thị cmt trên blog của bạn

  9. avatar says

    10:47 Ngày 22 tháng 06 năm 2016

    à...... phải đổi địa chỉ web ở cái js cuối mới được :3

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.