Car Reviews

Auto Show

Sự kiệnThông tinChi tiết
Vietnam Motor Show 20165/10 đến 9/10 tại I.C.E, 91 Trần Hưng Đạo, Hà Nội Tham gia
Vietnam International Motor Show 201626/10 đến 30/10 tại SECC, 799 Nguyễn Văn Linh, Sài Gòn Tham gia

Wednesday, February 29, 2012

Liệt kê tiêu đề bài viết gần đây theo nhãn - Recent Posts for laber

Bạn có muốn liệt kê tất cả các bài viết gần đây nhất của bạn theo loại / nhãn? . bình thường để liệt kê các bài viets của blog bạn hay các blog khác bạn phải tự thêm liên kết linklist nhưng với thủ thuật này Các bài viết sẽ cập nhật tự động.

Chia sẻ:
Liệt kê tiêu đề bài viết gần đây theo nhãn - Recent Posts for laber
Bạn có muốn liệt kê tất cả các bài viết gần đây nhất của bạn theo loại / nhãn? . bình thường để liệt kê các bài viets của blog bạn hay các blog khác bạn phải tự thêm liên kết linklist nhưng với thủ thuật này Các bài viết sẽ cập nhật tự động.
Xem demo bên dưới để thấy rõ hơn.

XEM DEMO 1      XEM DEMO 2

» Bắt đầu thủ thuật

1- Đăng nhập vào tài khoản Blogger
2- Vào phần Bố cục (Layout)
3- Thêm 1 HTML/Javascript và thêm vào code bên dưới
- Ở đây mình cung cấp 2 lại liệt kê.
Loại 1 không đánh số thứ tự
Loại 2: CÓ đánh số số thứ tự.
- Nếu thích loại nào hãy copy code loại đó và dán vào HTML/Javascript hoặc bài viết của bạn.

Loại 1 không đánh số thứ tự

Ảnh minh họa:
Liệt kê tiêu đề bài viết gần đây theo nhãn - Recent Posts for laber
<!-- Recent Posts by Label Start -->
<!-- code by http://namkna.blogspot.com/ -->
<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://namkna.blogspot.com/feeds/posts/summary/-/Blogspot-tips?max-results=20&alt=json-in-script&callback=recentpostslist"></script>
<span style="font-size: 80%; float:right;">Get this <a href="http://namkna.blogspot.com/2012/02/liet-ke-tieu-de-bai-viet-gan-day-nhat.html">widget</a></span>
<!-- Recent Posts by Label End -->

Loại 2: CÓ đánh số số thứ tự.

Ảnh minh họa:
Liệt kê tiêu đề bài viết gần đây theo nhãn - Recent Posts for laber
<!-- Recent Posts by Label Start -->
<!-- code by http://namkna.blogspot.com/ -->
<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ol>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ol>');
 }
</script>
<script src="http://namkna.blogspot.com/feeds/posts/summary/-/Blogspot-tips?max-results=2000&alt=json-in-script&callback=recentpostslist"></script>
<span style="font-size: 80%; float:right;">Get this <a href="http://namkna.blogspot.com/2012/02/liet-ke-tieu-de-bai-viet-gan-day-nhat.html">widget</a></span>
<!-- Recent Posts by Label End -->
Trong đó:
  • Thay http://namkna.blogspot.com/ thành địa chỉ Blog của bạn.
  • max-results=20 thành số bài viết bạn muốn hiển thị.
  • Thay Blogspot-tips thành nhãn mà bạn muốn hiển thị.
4- Lưu mẫu lại và xem thành quả.
Chúc thành công!

21 nhận xét:

  1. không biết cái tameplate của mình có bị gì không mà hôm nay mình đọc 3 bài viết của cậu về làm mà không có thành công chỉ báo lổi thôi, hit hit.
    blog mình là:Học Để Thi
    có rảnh thì giúp mình nha. blog mình nó nhìn xấu lắm, muốn thay đổi tí.

    ReplyDelete
  2. Với code này chèn vào HTML/Javascipt thì không vấn đề nhưng nếu chèn vào bài viết mà bạn thay đổi cách viết sẽ không hiển thị. Để chèn vào bài viết bạn hãy copy code giữa 2 thẻ dưới vào notepad:

    <script type="text/javascript">
    ......
    </script>

    - Lưu file Notepad laijvowis tên namkna.js sau đó Upload lên GOOGLE CODE rồi lấy link thay vào code dưới:

    <script src='Link file namkna.js' type='text/javascript'/>

    ReplyDelete
    Replies
    1. dùng trong HTML trực tieps của Blog thì được nhưng lưu thành file js và lưu lên google drive thì ko dùng được

      Delete
    2. http://linkxembongda.blogspot.com/p/a_1422.html
      ANH XEM THỬ EM LÀM Y NHƯ ANH NÓI NHƯNG KHÔNG HIỆN LÊN GÌ CẢ

      Delete
    3. Quy trình em làm như sau:
      từ đoạn code liệt kê tiêu đề bài đăng anh đã cho;
      em chỉnh sửa cho phù hợp với blog của em; sau đó chép đoạn code đó
      dán vào notepat rồi lưu với đuôi .js
      tiếp theo upload lên google driver, sharing bublic.
      rồi đổi thành file trực tiếp như sau: https://googledrive.com/host/0BzkW4cz4Or5Wc1dsYWo4SHp0VUk
      Tiếp theo em tạo một trang mới trên blog có tên là a
      vào chỉnh sửa trang a vào html pase vào code như đã hướng dẫn nhúng file js (code này em không post lên trang được do chứa thẻ SCRIPT)
      sau đó xem trang a; nhưng không thấy gì cả anh ơi

      Delete
    4. code trên có cách nào để lưu 2 label trong một danh sách được ko anh

      Delete
    5. Em xem cách chèn nó vào trong mẫu ở cuối bài viết này nha: XEM NGAY

      2. Để hiện thị 2 nhãn em chỉ cần tùy biến lại đoạn code một chút như sau:
      - Tìm đoạn code có dạng như bên dưới:

      <script src="http://namkna.blogspot.com/feeds/posts/summary/-/Blogspot-tips?max-results=20&alt=json-in-script&callback=recentpostslist"></script>

      - và thay thế nó thành:

      <a href="/search/label/Tên nhãn 1">Tên hiển thị nhãn 1</a>
      <script src="/feeds/posts/summary/-/Tên nhãn 1?max-results=20&alt=json-in-script&callback=recentpostslist"></script>
      <a href="/search/label/Tên nhãn 2">Tên hiển thị nhãn 2</a>
      <script src="/feeds/posts/summary/-/Tên nhãn 2?max-results=20&alt=json-in-script&callback=recentpostslist"></script>

      Delete
  3. chèn luông trong code sau thẻ < div class='post-footer'> có được không ông anh nhỉ

    ReplyDelete
  4. Để chút rảnh test thử phát đã.

    ReplyDelete
  5. cái này nó chỉ hiển thị 1 cột mình có thể cho nó hiển thị thành 2 hoặc 3 cột được không a

    ReplyDelete
  6. anh Nam Ta bài viết rất hữu ích, em đã làm được nhưng cho em hỏi:
    Nếu mình muốn bài đăng hiển thị theo thứ tự bài đăng trước thì hiển thị lên trên, bài đăng sau thì hiển thị xuống dưới thì phải làm sao anh, hay còn gọi là theo thứ tự thời gian; em đang rất cần cái này

    ReplyDelete
  7. Hoặc liệt kê bài đăng theo nhãn dạng cũ trước mới sau cũng được không cần phải theo kiểu gần đây; có cách nào không anh?

    ReplyDelete
  8. Hoặc liệt kê bài đăng theo nhãn dạng cũ trước mới sau cũng được không cần phải theo kiểu gần đây; có cách nào không anh?

    ReplyDelete
  9. anh Nam Ta bài viết rất hữu ích, em đã làm được nhưng cho em hỏi:
    Nếu mình muốn bài đăng hiển thị theo thứ tự bài đăng trước thì hiển thị lên trên, bài đăng sau thì hiển thị xuống dưới thì phải làm sao anh, hay còn gọi là theo thứ tự thời gian; em đang rất cần cái này

    ReplyDelete
  10. Anh Nam Ta bó tay hả anh, giúp em với

    ReplyDelete