Recent Post Widget for Blogger

Đây là một tiện ích khá quen thuộc của Blogspot mà hầu hết các bạn thiết kế Blog đều biết. Với công dụng là hiển thị những bài viết mới nhất của trang hay của một nhãn nào đó, giúp cho người đọc nhanh chóng tiếp cận mà không phải quay trở lại trang chủ.

Tùy chọn hiển thị

Hiện tiêu đề
Hiện ngày đăng
Hiện thumbnail
Hiện tác giả

Nhãn bài viết

Nhãn:

Demo

<style type='text/css'> .recentpost img {float:left;margin-right:10px;background:#FFF;width:72px;height:72px} .recentpost li {display:block;margin:5px 0;padding:10px 0;border-bottom:2px dotted #ccc;text-align:justify} </style> <script type='text/javascript'> function rcp(json) { var hientieude = hientieudevalue; var hienanh = hienanhvalue; var hientacgia = hientacgiavalue; var hienngay = hienngayvalue; for (var i = 0; i < 5; i++) { var entry = json.feed.entry[i]; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { url = entry.link[k].href; break; } } if (hienanh = true) { if ('media$thumbnail' in entry) { var thumb = entry.media$thumbnail.url } else {thumb='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png'}; } document.write('<p>'); if (hientieude = true) { var title = entry.title.$t; } if (hienngay = true) { var date = json.feed.entry[i].published.$t.substring(0,10); } if (hientacgia = true) { var author = json.feed.author[0].name.$t; } document.write(' <li><a href="'+url+'"><img src="'+thumb+'"/><p> '+title+'<br/>'+date+' '+author+'</p> </a></li> '); } } </script> <div class='recentpost'> <script type='text/javascript' src='http://diachiblog/feeds/posts/default/-/Blogger?alt=json-in-script&callback=rcp'/></script></div>