泪划痕
Best viewed in Google Chrome

2011年10月17日星期一

移动的最新帖子







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

登入博客 - 信息中心 - 设计 - 页面元素 - 添加小工具 - 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(例子)的代码下面。





118 道泪痕:

Chloe 说...

Erm.. 我想问下::移动最新帖子的图片背景的图片网址是指哪一个?><

曉翼 说...

獨淚 , 我放了 . 可是都沒有東西出來 :[
怎么弄啊 ??

独泪 说...

Chloe
唔是指 那个“背景”

Yvonne Tywen
下面有写提示 =)

曉翼
在你的博客看到你成功了 /.\

Shinn Wei 说...

我成功了\(^o^)/~,谢谢你

Weii ♥ 说...

也是不会动><

独泪 说...

Shinn Wei
不客气,谢谢通知\(^o^)/~

Weii ♥
下面有写提示,记得是每个小工具,包括修改HTML都要找出来 =)

Ting ♥ 说...

哟哟哟 ~ 我喜欢这个 , 抱走咯 xD 嘻嘻 ! 谢谢呐

独泪 说...

啊哈哈,尽管拿,谢谢你的通知了啊~ :D

elaine 说...

不行呐 、它不要动 ,怎么办~

独泪 说...

下面有写提示 =) 记得是找完整遍有置放HTML代码的地方,特别是 会移动的代码,例如 scroll to top 代码之类的

Ivy 说...

我做到了,谢谢^^

Gчиιε 说...

很喜欢这个教学 !迟点要弄了 ~
谢谢阿泪 :DD

Weii ♥ 说...

我弄不到 ><你可以帮我弄吗?

独泪 说...

Ivy
不客气 ^^ 恭喜成功~

Gчиιε
哈哈好的啊~不客气^^

Weii ♥
唔,你是怎么弄不到地说,可以说详细点方便解决

❤_可欣_❤ 说...

那个>3
我の弄了
很小个

匿名 说...

不好意思,为什么我照着你的话去弄了,却没有东西出来的?

悠家堡 说...

弄到了!谢谢独泪美女^^

Yvonne Tywen 说...

成功了 、

Weii ♥ 说...

你讲要弄的`我都去弄了><

jiamung 说...

它不会动 >< 怎么办?
看了你的提示~ 还是不明白 /.\

独泪 说...

❤_可欣_❤
寻找 #spylist li {
在那里你可以调整他的 width 和 height =)

匿名
唔,有没放上博客网址地说,还是删了什么代码,不介意可以放上博客链接方便替你查看 :)

悠家堡
哈哈哈,可惜我不是咯/^\ 还是谢谢你的通知了啊悠家堡,也恭喜弄到了~ XDDD

Yvonne Tywen
恭喜成功了 XD 也谢谢你的通知 :D

Weii ♥
唔,你是把移动最新帖子的代码放在哪里地说 ,scroll to top 代码的下面么@@?

jiamung
你只要在你的所有 小工具代码里面
找出这个链接,http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

例如,scroll to top 的代码 ,有以上链接。

然后把最新帖子的代码,放到 scroll to top 的代码下面就可以了。:)

jiamung 说...

可以了 :D
谢谢你哦!

Ern❤ 说...

移动最新帖子的背景图片网址??
不懂~

❤_可欣_❤ 说...

谢谢伱噢靓女=D

期待伱最新嘚=D

独泪 说...

jiamung
不客气,恭喜成功 ^^

Ern❤
嗯嗯,你看看我的例子,蓝色背景那个就是最新帖子的背景,
图片网址可以不填,若要添加“图片背景” 可以到imgur.com 上传图片,copy direct link ,那个就是图片网址了 :)

❤_可欣_❤
哈哈不客气啦美女 XDDD
谢谢你的期待啊,会尽快赶出来的:D

Weii ♥ 说...

弄了`可是去看我部落`[http://weiiweii96.blogspot.com/]
怪怪的><

希美 说...

成功了哦 , 拿走了 . =)

Ern❤ 说...

O...XIEXIE:)

Jasmine THX 说...

谢谢楼主的分享~在我的博客成功了~拿走噜~谢谢

独泪 说...

Weii ♥
唔,代码你是放在 scroll to top代码下面么
如果是的话 记得只需 copy 从 style media="screen" type="text/css" 开始 :)

希美
好的,恭喜成功,谢谢你的通知 ^^

Ern❤
不客气 :)

Jasmine THX
不客气~恭喜成功~也谢谢你的通知 ^^

Chloe 说...

哦~ 謝謝 :))

☆_ıм. Nღncy_☆ 说...

我来了啦><成功了^^谢谢呀~~~

Weii ♥ 说...

你是说`从 [[style media="screen" type="text/css"]]这里开始copy paste去哪里?是paste去scroll to top下面还是[[http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js]]这个的下面?
我是不明白这里><

сlαíяě lαì 说...

好了 :) 谢谢哦 :)

独泪 说...

Chloe
不客气:))

☆_ıм. Nღncy_☆
不客气~恭喜成功 ^^

Weii ♥
scroll to top 的代码下面:)

сlαíяě lαì
不客气 ,谢谢通知 ^^

Weii ♥ 说...

嗯嗯`我弄了`可是那个东西移动的时候每一个的上面都会多一点那个图画出来><

Hiroshi-yves 说...

你好厉害噢^^

绮绮 说...

成功了 ^_^ 谢谢你

xiao儍苽❤ 说...

谢谢你··
我弄到了··
可是厚··怎么弄到挤到一堆的··?
它是会动的··

錒威 说...

呃 独泪,,
我觉得他的照片小了点 能不能改啊 @@??

独泪 说...

Weii ♥
嗯嗯,看到你的没动了, 最新帖子代码中的 http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js 可以删掉,把代码 paste在 scroll to top 代码下面 :)

Hiroshi-yves
哈哈,非常谢谢你啊 ^^

绮绮
不客气,恭喜成功弄到 ^^

xiao儍苽❤
不客气,恭喜弄到了 ^^
唔,貌似你解决了问题,在你博客没看到挤在一堆地说@@

錒威
能 :)
CTRL+F 找 #spylist li img {
在 #spylist li img { 下面添加

width:78px;
height:78px;

可以更改width & height 数字调整大小 =)

錒威 说...

谢谢你啊,看照片终于没有那么肥了 @@!!~

独泪 说...

錒威
哈哈,原来如此 XDD 不客气 XDD

Weii ♥ 说...

好的`等下我去试试`过后再告诉你 :D

Weii ♥ 说...

我弄了`可是只是看到3个罢了`而且上面还会多一点点的那个帖子出来><怎么弄呢?

xiao儍苽❤ 说...

谢谢你··
喜欢你的教程啦··=)

Aika 说...

scroll to top是什么==

Ksc Chen 说...

怎麼沒有東西出來的?
該怎麼辦才好吖?

独泪 说...

Weii ♥
唔,最新帖子中的 http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js 有删掉么

Aika
不一定要 scroll to top 在你的代码找那个链接就行了
scroll to top 就是我右下角那个图案

Ksc Chen
是不是没放上博客网址地说,记得要放上:)

Kyann♥ 说...

可以去看看我的部落格麼?我弄了,可是有點問題>.<
http://oni-kyannleong.blogspot.com
謝謝:D

Weii ♥ 说...

删了吖 ><

xiao儍苽❤ 说...

emmm``
还是一时看到一时看不到的?=(

独泪 说...

Kyann♥
唔,貌似你删掉了说,没看到

Weii ♥
看看其他地方还有没有
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
把它删掉,包括修改HTML那里。

xiao儍苽❤
唔,一时看到一时看不到o_o?是不是浏览器问题地说,refresh 看看还有么 :)

i'м мiснеιιE [미셸] 说...

小提示哪里看不明白 ><怎样弄?

独泪 说...

唔,你有 scroll to top 的代码么,
有的话直接把这个教程的代码 paste到 scroll to top 下面 =)

xiao儍苽❤ 说...

我开火狐和Google看都是挤在一堆的=(

shilim ♥ 说...

移动最新帖子的背景图片网址
可以给个例子吗 ? ><
我不明 ><''

Ashley ♥ 说...

我的也是動不到 ==

我的世界 说...

为什么它不会出来的?

独泪 说...

xiao儍苽❤
看看 小工具全部是不是有多余的 jquery 链接,删掉它就行了

shilim ♥
唔,图片网址 就是 direct link 的意思
找你要的 背景,右键 - copy image url
就可以拷贝到图片网址了

Ashley ♥
帖子下面有写解决方法,继续下面看

我的世界
是不是没放上博客网址,也可以 refresh 看看

佑佑┇丽宜мικσ 说...

泪,
我找完了所有的代码,
也放了,
为什么它还是不会动?

独泪 说...

下面有解释,你是放在scroll to top 代码下面吗

佑佑┇丽宜мικσ 说...

在scroll to top代码之后的最下面

xiiao xin ♥ 说...

独泪小姐...
你可以帮我吗?
弄不到....:(

独泪 说...

佑佑┇丽宜мικσ
唔,看看你的修改HTML,和所有 添加小工具 有没有

http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

这个链接,把它删掉。

xiiao xin ♥
怎么说弄不到地说,出现了什么

佑佑┇丽宜мικσ 说...

终于可以了,
谢谢你噢.. =))

笨蛋MiCky 说...

请问~
为什么弄了那么多次还是看不到的?

婉儿 说...

谢谢你的教学:))

xiiao xin ♥ 说...

弄了很多次...
还是看不到:(

Kiang kiang ^^ 说...

怎么放透明的背景?图片背景可以不要吗?

独泪 说...

佑佑┇丽宜мικσ
不客气 ^^恭喜成功~

笨蛋MiCky
蓝色字体记得换上博客网址

婉儿
不客气:)))

xiiao xin ♥
refresh 看看还有没有,之前有点小问题:)

Kiang kiang ^^
可以,把

background: #FFFFFF url(移动最新帖子的背景图片网址) repeat;

这排字删掉就可以了 ;)

凉风 说...

可不可以把这个东西放到帖子的尾部?=D

独泪 说...

嗯嗯,当然可以 ,把代码paste 在帖子尾部就可以了 :D

jing yee 说...

请问哪个背景图片网址在那里找...?

Charlene♥ 说...

成功弄到了=)谢谢你的教程。

≡ мS Ivy ♥ Simple Day 说...

我弄到了,谢谢但是为什么移动不到的?

MilkyLee ★ 说...

独泪可以给我透明的背景 HTML 吗
我要完全透明 字黑色 形状长方形的

× Hotdog ?! :P× 说...

独泪 !
我想请你帮忙的跟 Milky Lee 一样的 ><
拜托了 ...
谢谢 x)

xıao чa 说...

要去哪里找背景 ?

xıao чa 说...

為什么我的看不到的 ?

嘉慧 说...
此评论已被作者删除。
嘉慧 说...

成功了~谢谢你的教程~ :)

Lǒvè U 4êver!! ♥ Meraine Ying♥ 说...

可以给我那个背景的网址吗?

Sєcяєt Jєяєɴɴє ♥ 说...

请问泪、
怎麽我的也是不会移动啊 :(
我看了你的提示 还是不明白啊 -.-

Just Me ♥ 说...

寶貝, 謝謝你啊 :)
我終於成功了 !!! :D

Sing Yee 说...

我做到了,可是,我沒有圖案,不美。
請問可以給我圖片的網址嗎?
或者可否教我怎樣放自己照片;)

Han 说...

用了哦,谢谢

M.miijo Kho ♥ 说...

独泪啊,我第一次写评论给你,要回复我哦,我的不能动的哦,怎么办?看你教其他人的,我也有看,不过看不懂,能详细的教我吗,谢谢你xDD

Han 说...

可以了,谢谢^^

Celestine 说...

谢谢分享~ 很美~ ^^

蓝莓公主 说...
此评论已被作者删除。
蓝莓公主 说...

我的怎么白白了:((

EmilY_LXin 说...

做到了~可是不会动...我会照你的提示去做的!=)

Micky 说...

做到了~可是不会动

笨蛋MiCky 说...

可以了^^
O(∩_∩)O谢谢~

ʷᴱᶰټᵞᴱᴱ 说...

HArlo...我想问下,移动最新帖子的图片背景的图片网址是指哪一个?

BaoBei Wen 说...

我不成功 ;( 不会动 哈哈 ==

神秘♡加冰 (っ´3 `)っ 说...

我的不会动叻 =.=

坏蛋萱♥ 说...

移动最新帖子的图片背景的图片网址 是指什麼啊 /_\

мσκα cнσиɢ♥ ジ 说...

我照你所说的做了 还是不会动涅 T^T

雅雅 说...

如果我的文章没有照片,酱可以随便copy一张照片放下去吗?

荟漪 说...

为什么我弄了也是没有的??

美慧 说...

我的不会动...我看了你教的..不过看不懂...可以详细的解释吗???不好意思...

绿茶 说...

拿去了 >< 找这个教学找了好久 >< 谢谢 :D

Babez Shit =) 说...

难 >____<

B.YuKI ♥ 说...

弄了可是不能动 ,, 可是我看不懂博主的解释 ;[
怎么办 ? 博主请回复 <3

Toh Pig Pig 说...

泪:((
我弄了~
可是却不会动/.\
怎么办啦><

面包シ 说...

莪弄到辽~~榭榭你

Just Nee 说...

我依照你的指示去做,可是还是看不到?可以帮我嘛?

蓝贝 说...

能不能改变字体的颜色呢?

幽靈 ♥ 说...

弄到了:D 謝謝噢^^

ms.Elnic 说...

不明白你最后讲的 scroll to top东西

Mabel Tan 说...

不知幹嘛之前我能,但到後來弄了就沒有出現了....一定要來幫我哦~謝了....

Jace 说...

if i dun wan "how many comment" that word, how a?

☀ JOEYYANG! 说...

为什么没有东西出来的啊?

ωYenω٩(´0ˆ)۶ ♥ 说...

图片背景可以不要弄吗?

xIIao En 说...

怎麼弄了看不到?

李嘉雯 说...

我找不到http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js这个

发表评论