Wiget reccent post đơn giản cho blog

Nếu trang chủ của bạn hiển thị dưới một dạng khác thì độc giả khó cập nhật các bài viết của bạn, recent post sẽ tổng hợp những bài viết gần đây cho bạn. Bây giờ chúng ta cùng tiến hành.

#Tạo một HTML/Javascrip

Đăng nhập Blogger > Bố cục >Thêm tiện ích >HTML/Javascrip.
Vậy là xong một bước, bay giờ ta sang bước khác.

#Lấy code

Có hai kiểu recent post cho bạn lựa chọn, copy loại bạn thích, dán vào HTML/Javascrip vừa tạo rồi save.
1. Hiển thị tiêu đề bài viết và trích dẫn

 <div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;} 
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

2. Chỉ hiển thị tiêu đề

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css> 
#hlrpsb a {color: #0B3861; font-size: 13px;} 
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Như các bạn cũng thấy, cả hai code trên gần như giống nhau, nó chỉ khác ở phần khâi báo một chút:
var numposts = 10 là số bài hiển thị.
var showpostdate = false là không hiển thị trích dẫn, nếu muốn ta đổi false thành true.