Latest Post(move)最新帖子（移动）
2012年5月5日星期六 | 0 comments
The picture above is the example of the moving latest post
以上就是会移动的最新帖子的例子
Sign in ~ Information Center ~ Design ~ Page Element ~ Add Gadgets ~ HTML/Javascript
登入博客 ~ 信息中心 ~ 设计 ~ 页面元素 ~ 添加小工具 ~ HTML/Javascript
Put a code into HTML/Javascript
在HTML/Javascript 里添加以下代码
<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#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 {
-moz-border-radius: 5px;
border-radius: 5px;
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background: #FFFFFF url(The url of picture that you want to make background of moving latest post移动最新帖子的背景图片网址) repeat;
}
#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 {
-moz-border-radius: 5px;
border-radius: 5px;
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>
<script language="javascript">
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "www.ilovehimforever-520.blogspot.com";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js" type="text/javascript">
</script></div>
</center>
Green word = remember change to your own blogger url
青色字体 = 记得换去你的博客网址
Can decorate your own
可以自己更换
~Background colour背景的颜色代码
~Background Picture URL图片背景的图片网址
~Shape形状
Shape HTML形状代码
A
B
C
D
E
F
Example A 例子A
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
Example B 例子B
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
Example C 例子C
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
Example D 例子D
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
Example E 例子E
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
Example F 例子F
-moz-border-radius: 35px;
border-radius: 35px;
Add on facebook badges添加自己的面子书