Tiện ích cuộn bài viết mới cho blog là một cách tuyệt vời để trình bày những tin tức mới cập nhật, những dòng tiêu đề di chuyển lên xuống một cách mượt mà giúp thu hút độc giả hơn và tạo được lượng traffic nhiều hơn.

• Tạo bài viết mới nhất theo nhãn cho blogspot
• Tạo hiển thị bài viết mới nhất chạy ngang có ảnh thumbnail cho blogger
• Tạo bài viết mới theo nhãn có ảnh và danh sách bài mới cho blogspot

Dưới đây là tiện ích bài viết gần nhất (Recent post) với hình ảnh thu nhỏ (Thumbnails) rất phù hợp với những bạn mới tìm hiểu blogger.

Demo cuộn bài viết blogspot

Tiện ích cuộn bài viết mới với CSS và Jquery
Đăng nhập => Bố cục => Thêm tiện ích => Tiện ích HTML/Javacript => Paste đoạn code sau: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
#spylist { overflow:hidden; margin-top:5px; padding:0 0; height:350px; }
#spylist ul { width:220px; overflow:hidden; list-style-type:none; padding:0 0; margin:0 0; }
#spylist li { width:208px; padding:5px 5px; margin:0 0 5px 0; list-style-type:none; float:none; height:70px; overflow:hidden; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpfU2MymMFoVscN4LOQ61GuoTrjZxyQGlVTD0llpbcCnZt9WdL2l0W9RQl_MjBMypAFuQ8ppg4YQyEYMmqbGiHHN5mUPRXpX4KEwLUHaYG-0lT34INclBL5Axs7sd19rUPlpg4WrJNSeA/s1600/24work-blogspot-com.jpg) repeat-x; border:1px solid #ddd; }
#spylist li a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0 0; padding:0 0 2px 0; }
#spylist li img { float:left; margin-right:5px; background:#EFEFEF; border:0; }
.spydate { overflow:hidden; font-size:10px; color:#0284C2; padding:2px 0; margin:1px 0 0 0; height:15px; font-family:Tahoma,Arial,verdana,sans-serif; }
.spycomment { overflow:hidden; font-family:Tahoma,Arial,verdana,sans-serif; font-size:10px; color:#262B2F; padding:0 0; margin:0 0; }
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRudEf0u-BnaUSIof3Dm1E9HQFfW5u56N-BEyblicqUSh3MVAUIQOEQSdhKB7az3WzxYee89psNzrumcAE2qotw_m2HvGjGDSq9EbSgVdaWvQ21zX_JAIps4ZHFMsReJfbmdynwfrSrBg/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRudEf0u-BnaUSIof3Dm1E9HQFfW5u56N-BEyblicqUSh3MVAUIQOEQSdhKB7az3WzxYee89psNzrumcAE2qotw_m2HvGjGDSq9EbSgVdaWvQ21zX_JAIps4ZHFMsReJfbmdynwfrSrBg/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRudEf0u-BnaUSIof3Dm1E9HQFfW5u56N-BEyblicqUSh3MVAUIQOEQSdhKB7az3WzxYee89psNzrumcAE2qotw_m2HvGjGDSq9EbSgVdaWvQ21zX_JAIps4ZHFMsReJfbmdynwfrSrBg/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRudEf0u-BnaUSIof3Dm1E9HQFfW5u56N-BEyblicqUSh3MVAUIQOEQSdhKB7az3WzxYee89psNzrumcAE2qotw_m2HvGjGDSq9EbSgVdaWvQ21zX_JAIps4ZHFMsReJfbmdynwfrSrBg/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRudEf0u-BnaUSIof3Dm1E9HQFfW5u56N-BEyblicqUSh3MVAUIQOEQSdhKB7az3WzxYee89psNzrumcAE2qotw_m2HvGjGDSq9EbSgVdaWvQ21zX_JAIps4ZHFMsReJfbmdynwfrSrBg/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;  // kích thước chiều rộng ảnh
thumbheight = 70; // kích thước chiều cao ảnh
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;  //Số bài viết muốn hiển thị
home_page = "http://www.share123.vn/";  //Thay thành blog của bạn
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-1.js' type='text/javascript'></script>
</div>
Sau đó Lưu lại
Lưu ý ở đây nếu blog của bạn đã có file js <script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-1.js' type='text/javascript'></script>thì bạn không cần thêm file js này vào nữa để tránh xung đột js.
Share123.vn chúc bạn thành công (Tổng hợp từ Blog 24word)