Wednesday, May 16, 2018

Tạo Tiện Ích (Widget) Bình Luận Gần Đây Cho Blogspot

Ý là hôm bữa Template cũ bị lỗi, lười fix quá nên down cái templaye mới của Toicode về sài mà thấy nó có cái tiện ích (widget) 'Bình Luận Gần Đây' đẹp quá nên ăn cắp về và share cho các bạn luôn 😀😀

Hình Ảnh Demo:


Hoặc Demo Tại Đây

Nó rất đơn giản thôi, các bạn chỉ cần thềm tiện ích javascrip/html vào và paste đoạn code dưới đây vào thôi vì đoạn code này đã được các admin trước edit thành liên kết tương đối

Bước 1: Truy cập vào Blogger.com => Bố cục => Thêm tiện ích => Javascript/html
Bước 2: Paste đoạn code này vào:

<style>
.nxmoi{color: #ccc;}
.nxmoi li{margin:0;padding:10px;border-left: 2px solid #ccc;}
.nxmoi li:before {content: "";width: 8px;height: 8px;display: block;border: 2px solid #ccc;border-radius: 50%;float: left;left:-5px;position: absolute;background: #065381;}
.nxmoi span a{color: #ddd;font-weight:600;transition: color .3s;}
.nxmoi span a:hover{color:#fff;transition: color .3s;}
</style>
<script>//<![CDATA[
var sl_nhanxet = 6,
    kt_nhanxet = 70;
// 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><span><a href="' + commurl + '" rel="nofollow">' + entry.author[0].name.$t + ' </a></span> <span>' + commsum + '</span></li>');
    }
    document.write('</ul>');
}
//]]></script>
<script src="/feeds/comments/summary?alt=json-in-script&amp;callback=nhanxetmoi"></script>

Bước 3: Lưu Template lại và xem thành quả thôi. Chúc các bạn thành công

Có Thể Bạn Quan Tâm:

28 comments:

  1. Replies

    1. Vì nó là cái có sẵn nên chỉ copy code pại rồi post bài thôi mà bạn 😊

      Delete
    2. Ok bạn
      Bạn cho mình xin cái title với liên kết đi nè 😀😀

      Delete
    3. Tên : STAR SINH BLOG
      Địa chỉ : https://starsinh.blogspot.com

      Delete
    4. Bạn đặt cho mình trước ddi nè
      Tối onl pc mình sẽ đặt cho bạn nhan

      Delete
    5. Ok, đã đặt cho bạn
      Mong bạn sẽ ttt 😀

      Delete
    6. Ok mong bạn cũng ttt với mình

      Delete
  2. Template chất đấy mà ko có menu khó chịu sao á 3 >

    ReplyDelete
    Replies
    1. Éc éc
      Cái mune nó bị lỗi cmnr
      Chuẩn bị thi vào 10 nên không có time rảnh fix lại
      Chắc chết quá ông ạ 😖

      Delete
  3. em đổi liên kết www.hungstar.tk thành https://hungstar-it.blogspot.com anh với nha :D

    ReplyDelete
  4. ko ghi nguồn nhể :))) bài này bên a cũng post rồi hình như của ông Niệm thì phải :))

    ReplyDelete
    Replies
    1. Éc ec, có đâu anh
      Cái này em lấy trong theme đang dùng anh ơi

      Delete
  5. Chúc e buổi trưa êm tờ rim :)))

    ReplyDelete
  6. Sao gỡ liên kết của tôi rồi :(

    ReplyDelete
    Replies
    1. Đựu, có gỡ đâu cha, ẩn trên mobile đơ

      Delete
    2. Ô sorry nha ông, vừa tải pại temp nên mất lk ông, đã sửa nhé 😀😀
      Một lần nữa sorry ông

      Delete