Moving Recent Posts

这个是我朋友要的
哈哈
我来发布教程咯

• 部落格的 分页图片
  (16 Dec 2011)
  (0 comments)
• 更换Chatboxx 背景
  (16 Dec 2011)
  (0 comments)
• 教程——增加Hearder小工具
  (16 Dec 2011)
  (0 comments)
• 那个记忆只在我手中。
  (08 Dec 2011)
  (0 comments)
• 也许今天的美好会换成明

教程开始----------

这个教程很容易的~

1.
设计-  添加小工具 - HTML/JAVAscript


copy 这个代码,paste 进去。


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.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/AVvXsEjx0qzHSKumjvrpLRs2KXkRWooNGpyhcbEBsZkgemc7ZwqLsBQmLdesY3ezsnhuZIJdpWk7d1ZHWuaA10t90Y3jCBBKTXgDsRr-9U80Mc3CcZS5IBGxEcQGoDyFB_8uy15s8OLdNOnC7YTu/s1600/bdlab-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>



<script language='JavaScript'> 



imgr = new Array();



imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHHMYkKpLzHjIses8Tee8-PLIbqg1D2TfLrvA9F2HwYl0Hwf52OGeepnhuZ3TdCfVpkO-EMPuULhT_r8m_mCh4mw5R9nGrMNIdmZJta6DLTVbwONo0O-_T96QIbBgrU91Q8SaQNi2vPk/s400/noimage.png";



imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHHMYkKpLzHjIses8Tee8-PLIbqg1D2TfLrvA9F2HwYl0Hwf52OGeepnhuZ3TdCfVpkO-EMPuULhT_r8m_mCh4mw5R9nGrMNIdmZJta6DLTVbwONo0O-_T96QIbBgrU91Q8SaQNi2vPk/s400/noimage.png";



imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHHMYkKpLzHjIses8Tee8-PLIbqg1D2TfLrvA9F2HwYl0Hwf52OGeepnhuZ3TdCfVpkO-EMPuULhT_r8m_mCh4mw5R9nGrMNIdmZJta6DLTVbwONo0O-_T96QIbBgrU91Q8SaQNi2vPk/s400/noimage.png";



imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHHMYkKpLzHjIses8Tee8-PLIbqg1D2TfLrvA9F2HwYl0Hwf52OGeepnhuZ3TdCfVpkO-EMPuULhT_r8m_mCh4mw5R9nGrMNIdmZJta6DLTVbwONo0O-_T96QIbBgrU91Q8SaQNi2vPk/s400/noimage.png";



imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHHMYkKpLzHjIses8Tee8-PLIbqg1D2TfLrvA9F2HwYl0Hwf52OGeepnhuZ3TdCfVpkO-EMPuULhT_r8m_mCh4mw5R9nGrMNIdmZJta6DLTVbwONo0O-_T96QIbBgrU91Q8SaQNi2vPk/s400/noimage.png";

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 = "你的部落各网址";



limitspy=4

intervalspy=4000



</script>



<div id="spylist">

<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>

</div>


解释----




如果你之前已经在你的部落格添加过 jQuery，你就把上面那个我用蓝色 Highlight 的部分删除。




紫色部分 是你部落格的网址 比如: http://xac-lifememory.blogspot.com


#EFEFEF  是背景颜色代码


 70; 是图片出现的阔度


 10; 是你要它出现的最新帖子的数量


save.
完成




是不是很简单啊?
祝你们成功哦
加油！！