Thủ thuật blog
Nếu
bạn chịu khó tìm kiếm trên Google thì sẽ tìm thấy một số bài viết hướng
dẫn cách tạo widget bài viết mới nhất có ảnh thumbnail cho cả Blog và
cho riêng 1 nhãn nào đó. Đôi khi bài viết mới nhất cho riêng 1 nhãn mà
chỉ cần liệt kê tiêu đề bài viết cũng rất cần thiết. Thủ thuật sau đây
sử dụng feed chuyên biệt theo 1 nhãn với định dạng JSON kết hợp
Javascript. Nó giúp liệt kê tiêu đề những bài viết mới nhất cho 1 nhãn
nào đó trên Blogger. Dưới đây là những bước cài đặt widget.
1. Đăng nhập vào Blogger.
2. Vào Bảng điều khiển (Dashboard) >> Thêm tiện ích (Add A Gadget) >> Chọn HTML/Javascript .
3. Đặt tiêu đề cho widget của bạn. Dán đoạn code bên dưới vào phần nội dung của widget.
Thay Label name bằng tên nhãn cần hiển thị những bài viết mới nhất.
Thay Postnumber bằng số bài viết cần hiển thị, ví dụ: 5, 7, 10, … Nếu muốn hiển thị tất cả bài viết thì để là 500 (số tối đa cho widget này).
Chú ý: Tiêu đề các bài viết được liệt kê có dấu chấm đầu dòng (dùng thẻ <ul>). Nếu bạn muốn được liệt kê theo số thứ tự thì thay đoạn document.write('</ul>'); bằng document.write('</ol>');
Hiển thị bài viết trong một nhãn cho Blogger
1. Đăng nhập vào Blogger.
2. Vào Bảng điều khiển (Dashboard) >> Thêm tiện ích (Add A Gadget) >> Chọn HTML/Javascript .
3. Đặt tiêu đề cho widget của bạn. Dán đoạn code bên dưới vào phần nội dung của widget.
<!-- Recent Posts by Label Start -->
<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://yourname.blogspot.com/feeds/posts/summary/-/Label name?max-results=postnumber&alt=json-in-script&callback=recentpostslist"></script>
<!-- Recent Posts by Label End -->
4. Thay thế yourname bằng tên địa chỉ Blogger của bạn. <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://yourname.blogspot.com/feeds/posts/summary/-/Label name?max-results=postnumber&alt=json-in-script&callback=recentpostslist"></script>
<!-- Recent Posts by Label End -->
Thay Label name bằng tên nhãn cần hiển thị những bài viết mới nhất.
Thay Postnumber bằng số bài viết cần hiển thị, ví dụ: 5, 7, 10, … Nếu muốn hiển thị tất cả bài viết thì để là 500 (số tối đa cho widget này).
Chú ý: Tiêu đề các bài viết được liệt kê có dấu chấm đầu dòng (dùng thẻ <ul>). Nếu bạn muốn được liệt kê theo số thứ tự thì thay đoạn document.write('</ul>'); bằng document.write('</ol>');
Previous article
Next article
Làm Như Thế Này Thì Hay Thật, Tuy Nhiên Chạy Javacrip Sẽ làm chậm quá trình load -> ko tốt cho seo lắm
Trả lờiXóađược mà! http://www.canhothanhbinhquan7.com/
XóaMình thử làm nhưng nó không hiện lên cái gì cả. Nhãn của mình là "ao so mi nu" thì viết vào thế nào ?
Trả lờiXóathì bạn viết là ao so mi nu đó.
Trả lờiXóakhong duoc ban oi, blog minh la http://hocdethi.blogspot.com/
Trả lờiXóamình có thể thay dấu chấm dòng đó bằng biểu tượng hoặt hình ảnh khác được không ạ
Trả lờiXóaHay
Trả lờiXóaHay
Trả lờiXóa