会滚动的[最新的帖子]$BlogItemTitle$>
1/01/2012$BlogDateHeaderDate$> at 16:19$BlogItemDateTime$>
啦啦~我又发教程了啦
1.把以下代码添加到HTML/JAVASCRIPT里面就行了 =D
<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/AVvXsEhOe_5M9HLO3R0F47x_ea0ahdIifZsMga4n1Lmamx63nJE5ZFkxD1W5Td4JwVC3l0TJebqF5aV5Nm1nEVpcf4-VtOq5oQ6UiRTaXYxwBJ-DYu3OEpaAZtApXav2qiaFSlua4-E7L1HYLo4d/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/AVvXsEiA4-sLnwCzWUaDLIPr-26d53snxQxRH2ZfUU_LZ9BY20cL2zJ9gqOkUhUuV_CwT10W8EkKCz6M4vLDJ4XbkSBfVpaLNWri3xmJ1x4yBygOv5MYthy6XYUMTMshogQ5Va-BPsYc6WmnLfU/s400/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4-sLnwCzWUaDLIPr-26d53snxQxRH2ZfUU_LZ9BY20cL2zJ9gqOkUhUuV_CwT10W8EkKCz6M4vLDJ4XbkSBfVpaLNWri3xmJ1x4yBygOv5MYthy6XYUMTMshogQ5Va-BPsYc6WmnLfU/s400/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4-sLnwCzWUaDLIPr-26d53snxQxRH2ZfUU_LZ9BY20cL2zJ9gqOkUhUuV_CwT10W8EkKCz6M4vLDJ4XbkSBfVpaLNWri3xmJ1x4yBygOv5MYthy6XYUMTMshogQ5Va-BPsYc6WmnLfU/s400/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4-sLnwCzWUaDLIPr-26d53snxQxRH2ZfUU_LZ9BY20cL2zJ9gqOkUhUuV_CwT10W8EkKCz6M4vLDJ4XbkSBfVpaLNWri3xmJ1x4yBygOv5MYthy6XYUMTMshogQ5Va-BPsYc6WmnLfU/s400/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4-sLnwCzWUaDLIPr-26d53snxQxRH2ZfUU_LZ9BY20cL2zJ9gqOkUhUuV_CwT10W8EkKCz6M4vLDJ4XbkSBfVpaLNWri3xmJ1x4yBygOv5MYthy6XYUMTMshogQ5Va-BPsYc6WmnLfU/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>
2.在你的部落格网址写上你的部落格URL;
- background:#EFEFEF (换背景颜色
- numposts = 10(出现的帖子字数
.....
**如果你会html,那就更可以随你自己的喜欢更改了!
3.记得copy进HTML/JAVASRIPT里面,SAVE!完成~
简单吧,会HTML的朋友也可以自行加效果进代码里面。这样就会漂亮、个性多了~
2012年,希望一切顺顺利利!就不要真的世界末日了哟!!
Labels: 部落教学 $BlogItemBody$>
2 lovely comments
2 Comments:$BlogItemCommentCount$>
为什么我放了没有东西出来的?:($BlogCommentBody$>
$BlogCommentDeleteIcon$>
already edited =D $BlogCommentBody$>
$BlogCommentDeleteIcon$>
$BlogItemCreate$>
|
会滚动的[最新的帖子]$BlogItemTitle$>
1/01/2012$BlogDateHeaderDate$> at 16:19 $BlogItemDateTime$>
啦啦~我又发教程了啦
1.把以下代码添加到HTML/JAVASCRIPT里面就行了 =D
<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/AVvXsEhOe_5M9HLO3R0F47x_ea0ahdIifZsMga4n1Lmamx63nJE5ZFkxD1W5Td4JwVC3l0TJebqF5aV5Nm1nEVpcf4-VtOq5oQ6UiRTaXYxwBJ-DYu3OEpaAZtApXav2qiaFSlua4-E7L1HYLo4d/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/AVvXsEiA4-sLnwCzWUaDLIPr-26d53snxQxRH2ZfUU_LZ9BY20cL2zJ9gqOkUhUuV_CwT10W8EkKCz6M4vLDJ4XbkSBfVpaLNWri3xmJ1x4yBygOv5MYthy6XYUMTMshogQ5Va-BPsYc6WmnLfU/s400/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4-sLnwCzWUaDLIPr-26d53snxQxRH2ZfUU_LZ9BY20cL2zJ9gqOkUhUuV_CwT10W8EkKCz6M4vLDJ4XbkSBfVpaLNWri3xmJ1x4yBygOv5MYthy6XYUMTMshogQ5Va-BPsYc6WmnLfU/s400/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4-sLnwCzWUaDLIPr-26d53snxQxRH2ZfUU_LZ9BY20cL2zJ9gqOkUhUuV_CwT10W8EkKCz6M4vLDJ4XbkSBfVpaLNWri3xmJ1x4yBygOv5MYthy6XYUMTMshogQ5Va-BPsYc6WmnLfU/s400/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4-sLnwCzWUaDLIPr-26d53snxQxRH2ZfUU_LZ9BY20cL2zJ9gqOkUhUuV_CwT10W8EkKCz6M4vLDJ4XbkSBfVpaLNWri3xmJ1x4yBygOv5MYthy6XYUMTMshogQ5Va-BPsYc6WmnLfU/s400/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4-sLnwCzWUaDLIPr-26d53snxQxRH2ZfUU_LZ9BY20cL2zJ9gqOkUhUuV_CwT10W8EkKCz6M4vLDJ4XbkSBfVpaLNWri3xmJ1x4yBygOv5MYthy6XYUMTMshogQ5Va-BPsYc6WmnLfU/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>
2.在你的部落格网址写上你的部落格URL;
- background:#EFEFEF (换背景颜色
- numposts = 10(出现的帖子字数
.....
**如果你会html,那就更可以随你自己的喜欢更改了!
3.记得copy进HTML/JAVASRIPT里面,SAVE!完成~
简单吧,会HTML的朋友也可以自行加效果进代码里面。这样就会漂亮、个性多了~
2012年,希望一切顺顺利利!就不要真的世界末日了哟!!
Labels: 部落教学 $BlogItemBody$>
2 Comments:$BlogItemCommentCount$>
为什么我放了没有东西出来的?:($BlogCommentBody$>
$BlogCommentDeleteIcon$>$BlogCommentAuthor$>
already edited =D $BlogCommentBody$>
$BlogCommentDeleteIcon$>$BlogCommentAuthor$>
$BlogItemCreate$>
|
Post a Comment