Tạo bài viết mới nhất cuộn lên có ảnh thumbnails cho blogspot

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.

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.

Tạo bài viết mới nhất cuộn lên có ảnh thumbnails cho blogspot

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/AVvXsEiL3nYEoYpH9oShCw1TreA7z-m32e8hd_s39w8wY8xLVjFDz69m3N7riHQY536fpQ1MIqApjErOhLRYaIM9Yr17i0b51Hv1Zs_AkaE5xN9mNh0ffwuIroRofX8xIv-JHuxQSBUY34DTOkbP/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/AVvXsEhgRa0D-ZpsEXIHsK5Q8ovJ7qzHrgQ0EUZOxZtnm43W6JBEf7At_i4-vpDI7vxyGDXkzpkIT2G8MqT3iS76AlakH2N_TTFatirvUplQtzpDa7Sg7PyJ0Hi2BGzF9e3G32XQyVD0jUTs3XW8/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgRa0D-ZpsEXIHsK5Q8ovJ7qzHrgQ0EUZOxZtnm43W6JBEf7At_i4-vpDI7vxyGDXkzpkIT2G8MqT3iS76AlakH2N_TTFatirvUplQtzpDa7Sg7PyJ0Hi2BGzF9e3G32XQyVD0jUTs3XW8/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgRa0D-ZpsEXIHsK5Q8ovJ7qzHrgQ0EUZOxZtnm43W6JBEf7At_i4-vpDI7vxyGDXkzpkIT2G8MqT3iS76AlakH2N_TTFatirvUplQtzpDa7Sg7PyJ0Hi2BGzF9e3G32XQyVD0jUTs3XW8/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgRa0D-ZpsEXIHsK5Q8ovJ7qzHrgQ0EUZOxZtnm43W6JBEf7At_i4-vpDI7vxyGDXkzpkIT2G8MqT3iS76AlakH2N_TTFatirvUplQtzpDa7Sg7PyJ0Hi2BGzF9e3G32XQyVD0jUTs3XW8/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgRa0D-ZpsEXIHsK5Q8ovJ7qzHrgQ0EUZOxZtnm43W6JBEf7At_i4-vpDI7vxyGDXkzpkIT2G8MqT3iS76AlakH2N_TTFatirvUplQtzpDa7Sg7PyJ0Hi2BGzF9e3G32XQyVD0jUTs3XW8/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)