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:<!-- 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:<!-- 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!
Nhận xét
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.
Trả lờiXóablog 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í.
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:
Trả lờiXóa<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'/>
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
Xóamặc dù đã share buplic
XóaSau khi tải lên Google Drive và share Puplish bạn phải CHUYỂN ĐỔI THÀNH LINK TRỰC TIẾP NHƯ BÀI NÀY NHA
Xóahttp://linkxembongda.blogspot.com/p/a_1422.html
XóaANH XEM THỬ EM LÀM Y NHƯ ANH NÓI NHƯNG KHÔNG HIỆN LÊN GÌ CẢ
Quy trình em làm như sau:
Xóatừ đ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
code trên có cách nào để lưu 2 label trong một danh sách được ko anh
XóaEm xem cách chèn nó vào trong mẫu ở cuối bài viết này nha: XEM NGAY
Xóa2. Để 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>
chèn luông trong code sau thẻ < div class='post-footer'> có được không ông anh nhỉ
Trả lờiXóaTất nhiên là được e ak.
XóaĐể chút rảnh test thử phát đã.
Trả lờiXóathanks very much
Trả lờiXóaNo problem.
Xóacá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
Trả lờiXóaanh Nam Ta bài viết rất hữu ích, em đã làm được nhưng cho em hỏi:
Trả lờiXóaNế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
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?
Trả lờiXóaHoặ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?
Trả lờiXóaanh Nam Ta bài viết rất hữu ích, em đã làm được nhưng cho em hỏi:
Trả lờiXóaNế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
Anh Nam Ta bó tay hả anh, giúp em với
Trả lờiXóađang rất cần
Trả lờiXóa