Recent Posts widget bài viết mới nhất có ảnh cho Blogspot

Recent Posts widget bài viết mới nhất có ảnh cho Blogspot
Thiết kế đơn giản như hình vẽ bên trên mà mình đã làm tại Blog. Tất cả yêu cầu hiển thị bao gồm 1 ảnh Thumbnail, title bài viết và vài hàng trích dẫn đầu bài.
Thực hiện gồm các bước như sau:

Vào Blogger>>Layout.
Mỡ tiện ích Widget, chọn HTML/JavaScript
Chép Source Code bên dưới vào khung soạn thảo Code:

<style type="text/css">
img.recent_thumb {padding:1px;width:60px;height:60px;border:0;
float:left;margin-right:10px;border:1px solid #999;}
.recent_posts_with_thumbs {float:left;width: 100%;min-height: 70px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script src="https://sites.google.com/site/seovnpro/recent-post.js"></script>
<script>

var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>