移动的最新帖子

• 2011年THE MINES 第13届书香世界中华书展
  (18 Nov 2011)
  (6 comments)
• 换了新面貌
  (23 Nov 2011)
  (14 comments)
• 模糊or清晰图片在鼠标指向后的转变
  (05 Nov 2011)
  (25 comments)
• 那天的外出
  (06 Nov 2011)
  (7 comments)

如上面效果，会移动的最新帖子。

登入博客 - 信息中心 - 设计 - 页面元素 - 添加小工具 - 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(移动最新帖子的背景图片网址) 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 = "http://dulei-mylife.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>

蓝色字体 = 记得换去你的博客网址 
完成，保存。

可以自行美化 移动的最新帖子。

美化小提示：

青色字体 = 移动最新帖子的颜色背景的颜色代码
红色字体 = 移动最新帖子的图片背景的图片网址
粉色字体 = 移动最新帖子的形状的形状代码

形状代码如下：

A

B

C

D

E

F

Example A 
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;

Example B 
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

Example C 
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;

Example D 
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

Example E 
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;

Example F 
-moz-border-radius: 35px;
border-radius: 35px;

小提示：如果 移动的最新帖子停止移动

只限出现这种状况的博客，
在你每个置放 HTML 代码的小工具里 CTRL+F 找以下的链接。
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
例如 scroll to top 的代码里你会看到 以上链接。


Copy（此教程）最新帖子的代码只需从 <style media="screen" type="text/css">开始
然后 paste在 scroll to top（例子）的代码下面。