Stylish Animated Recent Post Widget

Nó là một tiện ích bài viết gần đây có hình cho blogger.Widget bài gần đây cho thấy hình thu nhỏ hoặc hình ảnh ở phía bên trái và tiêu đề bài viết trên phía bên phải cùng với nó cho thấy số lượng các ý kiến ​​cho các blogger phụ tùng posts.Bổ ích cụ thể trong chủng loại Widget bài gần đây trượt hình với hình thu nhỏ.

1. Tới trang bố trí blogger của bạn
2. Nhấp vào Thêm tiện ích và chọn HTML / JavaScript.
3. Bây giờ dán đoạn mã sau vào nó.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
<style type="text/css" media="screen"> 
<!-- 
#spylist { 
overflow:hidden; 
margin-top:5px; 
padding:0px 0px; 
height:350px; 
} 
.spydate{ 
overflow:hidden; 
font-size:10px; }

#spylist ul{ 
width:350px; 
overflow:hidden; 
list-style-type: none; 
padding: 0px 0px; 
margin:0px 0px; 
} 
#spylist li { 
width:230px; 
background: #1ed2f2;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 1px 10px !important;
-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px; 
} 

#spylist li:hover { 
background: #84f6f5;

} 

#spylist li a { 
text-decoration:none; 
color:#4B545B; 
font-size:11px; 
height:18px; 
overflow:hidden; 
margin:0px 0px; 
padding:0px 0px 2px 0px; 
} 

#spylist li img { 
float:left; 
margin-right:5px;
margin-top:3px; 
background:none; 
border:0; 
} 

.spycomment{ 
overflow:hidden; 
font-family:Tahoma,Arial,verdana, sans-serif; 
font-size:10px; 
color:#262B2F; 
padding:0px 0px; 
margin:0px 0px; 
} 
-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://www.vietcons.info";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://vietconsinfo.googlecode.com/svn/recentpostthumbspy-min.js' type='text/javascript'></script></div>

4.Các bạn nhớ chỉnh sửa cho phù hợp theo Blog mình nhé.
5.Lưu Lại và chúc bạn thành công.