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.
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:
Lưu ý ở đây nếu blog của bạn đã có file js
Share123.vn chúc bạn thành công (Tổng hợp từ Blog 24word)
Tags:
- 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
 |
| 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/AVvXsEgIknRVMAilUjeNgy0xDvbElSSPYDr0OWEcBKyOOYGUveJxyZ1G5h1TQ4bLerXjlCDCMSQ_RSrRp0-0m_yIFRd6Nu3dq1LS9ZS5VT9owFSIXKGhwqcPWi40G9ak-0_2s5TUPP8YWGiXZvlL/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/AVvXsEgN1MgdQwO2MIW0WPLU4NoR3fLsukqE9skXOspHVjYJIjAvy66aFfw4oC9YhGi8BEAtZF9BORPVuNINqzE2XWlFySYui7ABFxec0zBn-Ltq7rAH20C4I_wYhqnw7qj3CVXnziZOxymSG52D/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN1MgdQwO2MIW0WPLU4NoR3fLsukqE9skXOspHVjYJIjAvy66aFfw4oC9YhGi8BEAtZF9BORPVuNINqzE2XWlFySYui7ABFxec0zBn-Ltq7rAH20C4I_wYhqnw7qj3CVXnziZOxymSG52D/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN1MgdQwO2MIW0WPLU4NoR3fLsukqE9skXOspHVjYJIjAvy66aFfw4oC9YhGi8BEAtZF9BORPVuNINqzE2XWlFySYui7ABFxec0zBn-Ltq7rAH20C4I_wYhqnw7qj3CVXnziZOxymSG52D/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN1MgdQwO2MIW0WPLU4NoR3fLsukqE9skXOspHVjYJIjAvy66aFfw4oC9YhGi8BEAtZF9BORPVuNINqzE2XWlFySYui7ABFxec0zBn-Ltq7rAH20C4I_wYhqnw7qj3CVXnziZOxymSG52D/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN1MgdQwO2MIW0WPLU4NoR3fLsukqE9skXOspHVjYJIjAvy66aFfw4oC9YhGi8BEAtZF9BORPVuNINqzE2XWlFySYui7ABFxec0zBn-Ltq7rAH20C4I_wYhqnw7qj3CVXnziZOxymSG52D/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ạiLư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)
Không có nhận xét nào: