設(shè)置已經(jīng)在實(shí)記TWO里面就告一段落了，等變化出現(xiàn)了才會(huì)去擁抱變化了。實(shí)記THREE里面就發(fā)布一下實(shí)際的設(shè)置代碼，方便大家選擇使用。代碼本身就來(lái)自于互聯(lián)網(wǎng)，我只是過(guò)濾了一下而已，希望我過(guò)濾后的代碼大家能用的開(kāi)心，能節(jié)省大家寶貴的精力。
PS：干我們這行的，睡到自然醒一直是個(gè)愿望。^_^
下面發(fā)布代碼，按照模塊的順序一個(gè)一個(gè)的來(lái)。
PS：下面的代碼，個(gè)人信息部分沒(méi)有修改，這個(gè)很容易看出來(lái)大家自己改改吧。
a.說(shuō)明：頁(yè)面頂部的網(wǎng)頁(yè)播放器代碼，用這個(gè)代碼需要在 http://www.eomoo.com/ 注冊(cè)一個(gè)帳號(hào)，喜歡的可以試試。具體代碼如下：
<div>
<iframe src="http://www.eomoo.com/player/player.asp?user=ponzmd" frameborder="0" height="22" width="670" scrolling="no" title="靜靜聽(tīng)就可以">
</iframe>
</div>
b說(shuō)明：在側(cè)邊欄加入靜態(tài)聯(lián)系圖片，這些圖標(biāo)網(wǎng)上有專(zhuān)門(mén)的網(wǎng)站生成。具體我不記得了。大家可以找找看看，應(yīng)該很easy的。具體代碼如下：
<img height="21" alt="http://www.aygfsteel.com/ponzmd/"
src="/images/blogjava_net/ponzmd/qq.gif" width="132" border="0" /><br />
<img height="21" alt="http://www.aygfsteel.com/ponzmd/"
src="/images/blogjava_net/ponzmd/msn.gif" width="200" border="0" /><br />
<img height="21" alt="http://www.aygfsteel.com/ponzmd/"
src="/images/blogjava_net/ponzmd/hotmail.gif" width="200" border="0" /> <br />
在適當(dāng)?shù)牡胤郊由?lt;br />很重要，大家試一試就明白了。不直說(shuō)了。
c說(shuō)明:在側(cè)邊欄加入QQ臨時(shí)會(huì)話程序,這個(gè)QQ也有專(zhuān)門(mén)的可以頁(yè)面來(lái)處理，我也是用過(guò)就忘記了。不過(guò)，大家可以之間修改下面的代碼就可以使用了。
<img height="21" alt="http://www.aygfsteel.com/ponzmd/"
src="/images/blogjava_net/ponzmd/hotmail.gif" width="200" border="0" /> <br />
有事，你Q我，點(diǎn)這里就OK：<br />
<div>
<p align="left" height="35"><a href="tencent://message/?
uin=173832894&Site=blogjava.net&Menu=yes"
target="173832894&Site=blogjava.net&Menu=yes" blank?="" ?=""><img
src="http://wpa.qq.com/pa?p=1:173832894:13" border=" alt=" 有事你q我?="" /></a></p>
</div>
<br />
d說(shuō)明：在側(cè)邊欄加入，正在讀的書(shū)欄目。主要是一段Javascript代碼的小程序，具體如下稍稍改動(dòng)就可以用了，應(yīng)該是可以兼容IE6 和FF2的，這個(gè)我以及修改過(guò)了。代碼如下
<strong>最近在讀的書(shū)</strong>：<br />
<div id="demo" style="overflow: hidden; width: 195px; height: 118px"
background:#214984 ffffff="">
<div id="demo1"><img height="116" alt=""
src="http://img3.dangdang.com/images/9325263_m.jpg" width="80" /><img height="116"
alt="" src="http://img3.dangdang.com/images/8816799_m.jpg" width="80" /> <img
height="116" alt="" src="http://img3.dangdang.com/images/9027867_m.jpg" width="80" />
<img height="116" alt="" src="http://img3.dangdang.com/images/8931468_m.jpg"
width="80" /> </div>
<div id="demo2"></div>
</div>
<script>
var speed=116;
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML;
//克隆demo1為demo2
function Marquee(){
//當(dāng)滾動(dòng)至demo1與demo2交界時(shí)
if(document.getElementById("demo2").offsetTop-document.getElementById
("demo").scrollTop<=0)
document.getElementById("demo").scrollTop-=document.getElementById
("demo1").offsetHeight //demo跳到最頂端
else{
document.getElementById("demo").scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)//設(shè)置定時(shí)器
//鼠標(biāo)移上時(shí)清除定時(shí)器達(dá)到滾動(dòng)停止的目的
document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
//鼠標(biāo)移開(kāi)時(shí)重設(shè)定時(shí)器
document.getElementById("demo").onmouseout=function(){MyMar=setInterval
(Marquee,speed)}
</script><br />
下面的“曾經(jīng)讀過(guò)的書(shū)”代碼基本類(lèi)似，不在贅述了。
e說(shuō)明：側(cè)邊歡迎訂閱欄目的代碼如下，其中那兩個(gè)漂亮的集成訂閱組件是在 http://www.buttonr.com/上面申請(qǐng)的
<strong>歡迎訂閱</strong>：<br />
定制Bookmark：<br />
<!-- buttonr.com Bookmark Script BEGIN --><script type="text/javascript"><!--
buttonr_site_url = location.href;
buttonr_site_title = document.title;
buttonr_button_type = '01';
// --></script><script type="text/javascript"
src="http://www.buttonr.com/buttonr_01.js"> </script><!-- buttonr.com Bookmark Script
END --><br />
<br />
定制RSS：<br />
<!--訂閱鏈接開(kāi)始-->
<style type="text/css">
#TW-feed, #TW-feed ul {}{list-style:none; margin:0px; padding:0px}
#TW-feed li ul {}{display:none;position:absolute;background-
color:#ffffff;padding:3px;border:1px solid #ffffff;}
#TW-feed li {}{font-weight:bold; color:#EC8132;}
#TW-feed ul li {}{padding-bottom:3px;}
</style>
<div style="border-right: 2px; border-top: 2px; background: #ffffff; overflow: hidden;
border-left: 2px; width: 195px; color: #ffffff; border-bottom: 2px">
<ul id="TW-feed">
<div align="center"><a href="http://www.aygfsteel.com/ponzmd/article/rss"
target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px;
border-bottom: 0px" alt=" 推薦使用此地址訂閱我的 RSS"
src="http://www.likk.com/blog/image/feeds.png" align="absMiddle" /></a><br />
<span class="style1">訂閱本站</span></div>
<ul id="TW-Pop">
<li><a href="http://www.zhuaxia.com/add_channel.php?
url=http://www.aygfsteel.com/ponzmd/article/rss" target="_blank">訂閱到抓蝦</a>
<li><a href="http://www.gougou.com/1RKKCV7E" target="_blank">訂閱到狗狗</a>
<li><a
href="http://www.google.com/reader/preview/*/feed/http://www.aygfsteel.com/ponzmd/artic
le/rss" target="_blank">訂閱到Google Reader</a>
<li><a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url
=http://www.aygfsteel.com/ponzmd/article/rss" target="_blank">訂閱到NewsGator</a>
<li><a href="http://www.rojo.com/add-subscription?
resource=http://www.aygfsteel.com/ponzmd/article/rss" target="_blank">訂閱到 Rojo</a>
<li><a href="http://www.emailrss.cn/?
rss=http://www.aygfsteel.com/ponzmd/article/rss" target="_blank">訂閱到RSS郵天下</a>
<li><a
href="http://www.potu.com/sub/http://www.aygfsteel.com/ponzmd/article/rss"
target="_blank">訂閱到周伯通</a> </li>
</ul>
</ul>
</div>
<div></div>
<!--訂閱鏈接結(jié)束--><br />
<!-- buttonr.com Bookmark Script BEGIN --><script type="text/javascript">
<!--
buttonr_rss_button_type = '01-rss';
buttonr_feed_url = 'http://www.aygfsteel.com/ponzmd/article/rss';
// --></script><script type="text/javascript"
src="http://www.buttonr.com/buttonr_01_rss.js"> </script><!-- buttonr.com Bookmark
Script END --><br />
f說(shuō)明：在頁(yè)尾的部分還有一些設(shè)置，比如添加文章出處 和 添加到網(wǎng)摘這樣的欄目：代碼如下，供大家參考。
<div style="text-align: right; margin-right: 10px;">
<strong>
文章來(lái)自:
</strong>
<a target="_blank" href="http://www.blogjava.com/ponzmd/">
http://www.blogjava.com/ponzmd/ (彭俊－過(guò)河卒) 轉(zhuǎn)貼請(qǐng)聲明！
</a><br>
<!-- 添加網(wǎng)摘 -->
<strong>
收藏到網(wǎng)摘:
</strong>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(vivi=window.open('http://vivi.sina.com.cn/collect/icollect.php?pid=28&title='+escape(d.title)+'&url='+escape(d.location.href)+'&desc='+escape(t),'vivi','scrollbars=no,width=480,height=480,left=75,top=20,status=no,resizable=yes'));vivi.focus();">
<font color="#ffa620">
新浪VIVI
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://z.sohu.com/storeit.do?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();">
<font color="#ffd600">
狐摘
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();">
<strong>
<font color="#a287be">
365k
</font>
<font color="#00cc00">
e
</font>
<font color="#a287be">
y
</font>
</strong>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(yesky=window.open('http://hot.yesky.com/dp.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&st=2','yesky','scrollbars=no,width=400,height=480,left=75,top=20,status=no,resizable=yes'));yesky.focus();">
<font color="#97ce12">
天極
</font>
<font color="#ff7f00">
網(wǎng)摘
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(wozhai=window.open('http://www.wozhai.com/wozhai/Cento.asp#t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'wozhai','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));wozhai.focus();">
<font color="blue">
我摘
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus();">
<font color="#293184">
PO
</font>
<font color="#23b6e7">
CO網(wǎng)摘
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://blogmark.blogchina.com/jsp/key/quickaddkey.jsp?k='+encodeURI(d.title)+'&u='+encodeURI(d.location.href)+'&c='+encodeURI(t),'keyit','scrollbars=no,width=500,height=430,status=no,resizable=yes'));keyit.focus();">
<font color="#ff0000">
博采中心
</font>
</a>
<a href="javascript: u=location.href;t=document.title;void(open('http://www.YouNote.com/NoteIt.aspx? u='+escape(u)+'&t='+escape(t)+'&c='+escape(document.selection.createRange ().text),'網(wǎng)絡(luò)書(shū)簽', 'toolbar=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));">
<font color="#ff9900">
YouNote
</font>
</a>
<a href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://bookmark.hexun.com/post.aspx?title='+escape(t)+'&url='+escape(u)+'&excerpt='+escape(e),'HexunBookmark','scrollbars=no,width=600,height=450,left=80,top=80,status=no,resizable=yes'));">
<font color="#86ccfe">
和訊網(wǎng)摘
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365fav.com/StorePage.asp?title='+escape(d.title)+'&urlstr='+escape(d.location.href)+'&content='+escape(t),'fav','scrollbars=no,width=475,height=500,left=75,top=20,status=no,resizable=yes')); keyit.focus();">
<font color="#0068ba">
天天收藏
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(blog=window.open('http://www.bolaa.com/CommendBlog/SmallLogin.aspx?title='+escape(d.title)+'&newspath='+escape(d.location.href)+'&subtitle='+escape(t),'bolaa','width=400px,height=400px'));blog.focus();">
<font color="#ef3e1d">
博拉網(wǎng)
</font>
</a>
<!-- 添加網(wǎng)摘結(jié)束 -->
<br>
</div>
到這里所有設(shè)置完成了，愿大家用的順心。如果有什么麻煩，本人等你Q我。
就到這里，下次見(jiàn)。
平凡而簡(jiǎn)單的人一個(gè)，無(wú)權(quán)無(wú)勢(shì)也無(wú)牽無(wú)掛。一路廝殺，只進(jìn)不退，死而后已，豈不爽哉！
收起對(duì)“車(chē)”日行千里的羨慕；收起對(duì)“馬”左右逢緣的感嘆；目標(biāo)記在心里面，向前進(jìn)。一次一步，一步一腳印，跬步千里。
這個(gè)角色很適合現(xiàn)在的我。
posted on 2007-09-05 00:25
過(guò)河卒 閱讀(447)
評(píng)論(1) 編輯 收藏 所屬分類(lèi):
W3C/Css/Html