Code tạo widget Recent Post cho blogspot

Blogspot chỉ có một số widget cơ bản mà mỗi blogger đều muốn blog của mình nhìn đẹp vì vậy để tạo widget Recent Posts cho blogspot thì cách làm như sau:

đầu tiên cần đăng nhập vào blog của bạn sau đó vào Bố cục  chọn vị chí muốn đặt widget Recent Post chọn thêm tiện ích HTML/Javascript sau đó paste đoạn code sau vào.

ở đây mình sưu tầm được 2 mẫu Recent Post các bạn tùy chọn mẫu mà mình thích.

Mẫu số 1:

<div id="hlrpsb"> <script style="text/javascript" src="http://4sharevn.googlecode.com/files/recent-posts-with-titles-only.js"></script><br /> <script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><br /> <script src="http://quocbinh86.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div> <style type=text/css> #hlrpsb { } .bbrecpost2 { padding-top:6px; padding-bottom:6px; border-bottom: 1px #cccccc dotted; } </style><br />

Trong đoạn code trên chú ý thay:
- http://quocbinh86.blogspot.com bằng url blog của bạn
- thay số 10 bằng số bài viết mà bạn muốn hiển thị

Mẫu số 2:

<div id="hlrpsa"> <script src="http://4sharevn.googlecode.com/files/recent-posts-with-snippets.js"> </script><br /> <script> var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true; </script><br /> <script src="http://quocbinh86.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"> </script></div> <noscript>Your browser does not support JavaScript!</noscript><br /> <style type="text/css"> #hlrpsa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;} .hlrps a {font-weight:bold; } .hlrpssumm {} </style>
Trong đoạn code trên chú ý thay:
- http://quocbinh86.blogspot.com bằng url blog của bạn
- thay số 5 bằng số bài viết mà bạn muốn hiển thị