設置已經在實記TWO里面就告一段落了，等變化出現了才會去擁抱變化了。實記THREE里面就發布一下實際的設置代碼，方便大家選擇使用。代碼本身就來自于互聯網，我只是過濾了一下而已，希望我過濾后的代碼大家能用的開心，能節省大家寶貴的精力。
PS：干我們這行的，睡到自然醒一直是個愿望。^_^
下面發布代碼，按照模塊的順序一個一個的來。
PS：下面的代碼，個人信息部分沒有修改，這個很容易看出來大家自己改改吧。
a.說明：頁面頂部的網頁播放器代碼，用這個代碼需要在 http://www.eomoo.com/ 注冊一個帳號，喜歡的可以試試。具體代碼如下：
<div>
<iframe src="http://www.eomoo.com/player/player.asp?user=ponzmd" frameborder="0" height="22" width="670" scrolling="no" title="靜靜聽就可以">
</iframe>
</div>
b說明：在側邊欄加入靜態聯系圖片，這些圖標網上有專門的網站生成。具體我不記得了。大家可以找找看看，應該很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 />
在適當的地方加上<br />很重要，大家試一試就明白了。不直說了。
c說明:在側邊欄加入QQ臨時會話程序,這個QQ也有專門的可以頁面來處理，我也是用過就忘記了。不過，大家可以之間修改下面的代碼就可以使用了。
<img height="21" alt="http://www.aygfsteel.com/ponzmd/"
src="/images/blogjava_net/ponzmd/hotmail.gif" width="200" border="0" /> <br />
有事，你Q我，點這里就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說明：在側邊欄加入，正在讀的書欄目。主要是一段Javascript代碼的小程序，具體如下稍稍改動就可以用了，應該是可以兼容IE6 和FF2的，這個我以及修改過了。代碼如下
<strong>最近在讀的書</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(){
//當滾動至demo1與demo2交界時
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)//設置定時器
//鼠標移上時清除定時器達到滾動停止的目的
document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
//鼠標移開時重設定時器
document.getElementById("demo").onmouseout=function(){MyMar=setInterval
(Marquee,speed)}
</script><br />
下面的“曾經讀過的書”代碼基本類似，不在贅述了。
e說明：側邊歡迎訂閱欄目的代碼如下，其中那兩個漂亮的集成訂閱組件是在 http://www.buttonr.com/上面申請的
<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 />
<!--訂閱鏈接開始-->
<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>
<!--訂閱鏈接結束--><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說明：在頁尾的部分還有一些設置，比如添加文章出處 和 添加到網摘這樣的欄目：代碼如下，供大家參考。
<div style="text-align: right; margin-right: 10px;">
<strong>
文章來自:
</strong>
<a target="_blank" href="http://www.blogjava.com/ponzmd/">
http://www.blogjava.com/ponzmd/ (彭俊－過河卒) 轉貼請聲明！
</a><br>
<!-- 添加網摘 -->
<strong>
收藏到網摘:
</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">
網摘
</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網摘
</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),'網絡書簽', '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">
和訊網摘
</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">
博拉網
</font>
</a>
<!-- 添加網摘結束 -->
<br>
</div>
到這里所有設置完成了，愿大家用的順心。如果有什么麻煩，本人等你Q我。
就到這里，下次見。
平凡而簡單的人一個，無權無勢也無牽無掛。一路廝殺，只進不退，死而后已，豈不爽哉！
收起對“車”日行千里的羨慕；收起對“馬”左右逢緣的感嘆；目標記在心里面，向前進。一次一步，一步一腳印，跬步千里。
這個角色很適合現在的我。
posted on 2007-09-05 00:25
過河卒 閱讀(447)
評論(1) 編輯 收藏 所屬分類:
W3C/Css/Html