我的Blog设置——实记THREE

设置已经在实记TWO里面就告一段落了，等变化出现了才会去拥抱变化了。实记THREE里面就发布一下实际的设置代码，方便大家选择使用。代码本身就来自于互联网，我只是过滤了一下而已，希望我过滤后的代码大家能用的开心，能节省大家宝贵的精力。
PS：干我们这行的，睡到自然醒一直是个愿望。^_^
下面发布代码，按照模块的顺序一个一个的来。
PS：下面的代码，个人信息部分没有修改，这个很容易看出来大家自己改改吧。
a.说明：页面顶部的网页播放器代码，用这个代码需要在 http://www.eomoo.com/ 注册一个帐号，喜欢的可以试试。具体代码如下：

<div>

</iframe>

</div>

b说明：在侧边栏加入静态联系图片，这些图标网上有专门的网站生成。具体我不记得了。大家可以找找看看，应该很easy的。具体代码如下：

<img height="21" alt="http://www.blogjava.net/ponzmd/"

src="/images/blogjava_net/ponzmd/qq.gif" width="132" border="0" /><br />

<img height="21" alt="http://www.blogjava.net/ponzmd/"

src="/images/blogjava_net/ponzmd/msn.gif" width="200" border="0" /><br />

<img height="21" alt="http://www.blogjava.net/ponzmd/"

src="/images/blogjava_net/ponzmd/hotmail.gif" width="200" border="0" /> <br />

在适当的地方加上<br />很重要，大家试一试就明白了。不直说了。
c说明:在侧边栏加入QQ临时会话程序,这个QQ也有专门的可以页面来处理，我也是用过就忘记了。不过，大家可以之间修改下面的代码就可以使用了。

<img height="21" alt="http://www.blogjava.net/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>

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/上面申请的

定制Bookmark：<br />

<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 />

#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">

<div align="center"><a href="http://www.blogjava.net/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 />

<li><a href="http://www.zhuaxia.com/add_channel.php?

url=http://www.blogjava.net/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.blogjava.net/ponzmd/artic

le/rss" target="_blank">订阅到Google Reader</a>

<li><a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url

=http://www.blogjava.net/ponzmd/article/rss" target="_blank">订阅到NewsGator</a>

<li><a href="http://www.rojo.com/add-subscription?

resource=http://www.blogjava.net/ponzmd/article/rss" target="_blank">订阅到 Rojo</a>

<li><a href="http://www.emailrss.cn/?

rss=http://www.blogjava.net/ponzmd/article/rss" target="_blank">订阅到RSS邮天下</a>

<li><a

href="http://www.potu.com/sub/http://www.blogjava.net/ponzmd/article/rss"

target="_blank">订阅到周伯通</a> </li>

</ul>

</div>

<br />

<script type="text/javascript">

<!--

buttonr_rss_button_type = '01-rss';

buttonr_feed_url = 'http://www.blogjava.net/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说明：在页尾的部分还有一些设置，比如添加文章出处和添加到网摘这样的栏目：代码如下，供大家参考。

文章来自:

</strong>

http://www.blogjava.com/ponzmd/ (彭俊－过河卒) 转贴请声明！

</a><br>

收藏到网摘:

</strong>

新浪VIVI

</font>

</a>

狐摘

</font>

</a>

365k

</font>

</font>

</font>

</strong>

</a>

天极

</font>

网摘

</font>

</a>

我摘

</font>

</a>

</font>

CO网摘

</font>

</a>

博采中心

</font>

</a>

YouNote

</font>

</a>

和讯网摘

</font>

</a>

天天收藏

</font>

</a>

博拉网

</font>

</a>

<br>

</div>

到这里所有设置完成了，愿大家用的顺心。如果有什么麻烦，本人等你Q我。
就到这里，下次见。

平凡而简单的人一个，无权无势也无牵无挂。一路厮杀，只进不退，死而后已，岂不爽哉！
收起对“车”日行千里的羡慕；收起对“马”左右逢缘的感叹；目标记在心里面，向前进。一次一步，一步一脚印，跬步千里。
这个角色很适合现在的我。

posted on 2007-09-05 00:25 过河卒阅读(437) 评论(1) 编辑收藏所属分类: W3C/Css/Html

随笔分类(110)

Blog友

搜索

最新评论


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问管理
相关文章: 《网站重构》读后《精通CSS》阅读笔记第四章《精通CSS》阅读笔记第三章《精通CSS》阅读笔记第二章 CSS定位机制示例《精通CSS》阅读笔记第一章到底谁说了算？ CSS选择器示例我的Blog设置——实记THREE 我的Blog设置——实记TWO