Làm thế nào để cài đặt hoạt hình bài viết gần đây cho blogger với hình thu nhỏ và đơn giản Spy

Hoạt hình bài viết gần đây cho Blogger với Thumbnails - đơn giản Spy

Bây giờ chúng ta bắt đầu thêm nó ... Bước 1. Đăng nhập vào Blogger Account.Go của bạn để Blogger Dashboard.Click của bạn trên tab Layout từ khung bên trái và bấm vào liên kết Thêm một tiện ích.

Bước 2. Sau khi click vào liên kết Thêm một tiện ích Một cửa sổ pop-up hộp sẽ mở ra bây giờ

với nhiều danh sách tiện ích, Chọn HTML / JavaScript từ các tùy chọn tiện ích bằng cách nhấn vào dấu cộng màu xanh cho tiện ích đó
Bước 3. Chọn 'HTML / Javascript và thêm một trong những mã dưới đây.


Bước 4. Click vào On Lưu 'JavaScript' Bạn đã làm xong. Và bây giờ nhấn Save


Lưu ý: Nếu mẫu của bạn đã có một jquery không đặt một lần nữa, chỉ cần sao chép sau khi
Html từ trên một vài điều có thể được thay thế:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </ script>

1. địa chỉ trang chủ CỦA BẠN CẦN THAY 

home_page = "bdlab http:// blogspot.com /.";


2. Phong cách

từ trên cao phong cách / css, bạn có thể thay đổi:


width: 220px;

width: 208px:


tùy chỉnh dựa trên mẫu của bạn

và

background: # fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptwd7TdVJYXSAtFV7AIJhsbCCQly-i4NIaFMBXRJI2xMpBwjXtPoXx6W3oMr7SPp0anCCv-R39oytB-rxaDkaRXwlwdFkZG5ssttIq1gRnrEYD8dAq58A_H6AytL46YIcI1BLsLDI_i5o/s1600/24work-blogspot-com.jpg) repeat-x;


Tùy chỉnh màu sắc của backuground


3. kích thước hình ảnh

thumbwidth = 70;

thumbheight = 70;


Phù hợp với nhu cầu của bạn


4. Bao nhiêu bài bạn sẽ hiển thị

numposts = 10;


Trên cơ sở những gì bạn cần để hiển thị
Dưới đây là mã của nó
<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:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptwd7TdVJYXSAtFV7AIJhsbCCQly-i4NIaFMBXRJI2xMpBwjXtPoXx6W3oMr7SPp0anCCv-R39oytB-rxaDkaRXwlwdFkZG5ssttIq1gRnrEYD8dAq58A_H6AytL46YIcI1BLsLDI_i5o/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:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
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:0px 0px;
margin:0px 0px;
}

-->

</style><a href="http://nhinvequehuongvietnam.blogspot.sk/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://nhinvequehuongvietnam.blogspot.sk/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>

imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIKKeqcRURJdwjYiipqRi6zhvuS-buiDj-SOt2dIBU-0bGMX1O7ttbjBAArl5gjp12W8nvQ9CHlLIGSj13o18z69VVeDg6ohsxDp6ewwy5Y1lsEfwaiG2LWfyOIbaDHI9C1MbN6PWkgS3g/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIKKeqcRURJdwjYiipqRi6zhvuS-buiDj-SOt2dIBU-0bGMX1O7ttbjBAArl5gjp12W8nvQ9CHlLIGSj13o18z69VVeDg6ohsxDp6ewwy5Y1lsEfwaiG2LWfyOIbaDHI9C1MbN6PWkgS3g/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIKKeqcRURJdwjYiipqRi6zhvuS-buiDj-SOt2dIBU-0bGMX1O7ttbjBAArl5gjp12W8nvQ9CHlLIGSj13o18z69VVeDg6ohsxDp6ewwy5Y1lsEfwaiG2LWfyOIbaDHI9C1MbN6PWkgS3g/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIKKeqcRURJdwjYiipqRi6zhvuS-buiDj-SOt2dIBU-0bGMX1O7ttbjBAArl5gjp12W8nvQ9CHlLIGSj13o18z69VVeDg6ohsxDp6ewwy5Y1lsEfwaiG2LWfyOIbaDHI9C1MbN6PWkgS3g/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIKKeqcRURJdwjYiipqRi6zhvuS-buiDj-SOt2dIBU-0bGMX1O7ttbjBAArl5gjp12W8nvQ9CHlLIGSj13o18z69VVeDg6ohsxDp6ewwy5Y1lsEfwaiG2LWfyOIbaDHI9C1MbN6PWkgS3g/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000"; mã mầu
thumbwidth = 70; chiều rộng
thumbheight = 70;  chiều cao
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10; số bài hiển thị tùy chỉnh đến bao nhiêu theo các bạn



home_page = "http://nhinvequehuongvietnam.blogspot.sk/";



limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.dropboxusercontent.com/s/3frdg2yvzmdwsto/animated-recent-posts-ycode-1.js' type='text/javascript'></script>

</div> 
                       XEM DEMO TẠI ĐÂY 

CHÚC CÁC BẠN THÀNH CÔNG ......


 

Socializer Widget By Blogger Yard

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →