I'm back

《终结者》上的这句话潜在的魅力，诱惑着我把它看了三遍。
十几天离开网络的日子，邮箱积满了邮件（当然更多的是在Spam里），再次庆幸我是Gfans，Google一贯的快捷键让Google reader的阅读变得省力多了，只看了最常关注的约50个中文的Blog就有1693条更新，很累，的确。
很多Google的更新让人兴奋，比如Gtalk，Voicemail变成了现实，以及我最需要的传送文件，嗯，Google好样的。
另外在 Yee的Blog上看到了这个与我们Blogger Fans比较实用的信息，Blogger的一些模板站点，远比在论坛上看到的多。我还没有细看，可以关注一下，说不定会有自己喜欢的。

现在要做的就是立即更新Gtalk，嘿嘿

2TB的iPod mini你见过吗?

2TB=2048GB,按照水果商的惯例会说可以放多少首歌曲,大体算了一下,可以放524288首(每首Mp3按照4M大小计算),如果电池不出意外的话,估计可以听上一阵子不用重复的歌曲了.
这是一个小小的意外,因为它经过苹果商的加工之后又多了一道程序,在洗衣机里走了一圈,估计是转晕了.
图片点击放大

极品飞车真实版

原文链接
1978年8月的某个早晨，法国电影制作人Claude Lelouch做成了这部对车迷来说是惊世骇俗的"巨片"，他在Ferrari 275 GTB的控制台上，挡风玻璃的位置，装上了摄影机，由他的F1赛车手朋友驾车以超高速横穿整个巴黎市区。

所有的街道都是开放的，没有经过任何的管制，这部电影就这么被拍成了，全程将近9分钟，没有半点剪切，我们可以看到车手以140 MPH的速度在巴黎市区街道狂奔，包括闯红灯，走错路急拐弯，与其它车差之毫厘的飞驰而过。

这部电影一公布，Lelouch利马就被逮捕了，但他始终没有透露这个厉害的F1车手的任何消息，也许许多年后，我们会知道这个消息，或许，这永远是个谜，别忘记把这个片分享给你的朋友！

通过Javascript在Blogger首页显示/隐藏评论

示例如本Blog贴子,点击"评论"选项即可看到

使用前请将全角符号＜＞更改为半角

1.添加CSS于＜style＞＜/style＞之间

.commenthidden {display:none}

.commentshown {display:inline}

2.在模板的 ＜head＞＜/head＞ 标记间添加以下Javascript代码：

＜script type="text/Javascript"＞

function togglecomments (postid) {

var whichpost = document.getElementById(postid);

if (whichpost.className==

"commentshown") {

whichpost.className="commenthidden";

}

else {

whichpost.className="commentshown";

}

}

＜/script＞

3.在＜Blogger＞ ＜/Blogger＞

之间找到如下类似代码:

＜MainOrArchivePage＞

＜BlogItemCommentsEnabled＞

＜a href="＜$BlogItemPermalinkURL$＞#comments"＞

＜$BlogItemCommentCount$＞ comments＜/a＞

＜/BlogItemCommentsEnabled＞

＜/MainOrArchivePage＞

去掉包围的＜MainOrArchivePage＞＜/MainOrArchivePage＞标记,以让评论在所有页面上显示.

之后,要将代码替换成以下类似形式:

＜BlogItemCommentsEnabled＞

＜a href="javascript:togglecomments('c＜$BlogItemNumber$＞')"＞

＜$BlogItemCommentCount$＞ 评论＜/a＞

＜/BlogItemCommentsEnabled＞

4.一般紧跟我们刚找到的代码下有以下类似代码(就是在贴子页中显示评论的那部分代码):

＜ItemPage＞

＜BlogItemCommentsEnabled＞

中间省略一部分标记

＜/BlogItemCommentsEnabled＞

＜/ItemPage＞

首先去掉＜ItemPage＞＜/ItemPage＞两个标记,以让评论内容在所有页面上显示.

最好要添加类似代码以显示和隐藏评论:

＜span class="commenthidden" id="c＜$BlogItemNumber$＞"＞

＜BlogItemCommentsEnabled＞

中间省略部分标记

＜/BlogItemCommentsEnabled＞

＜/span＞

无须外挂,通过JS实现评论输出

原文地址

找到一个通过JS调用评论到首页的方法,不过似乎与我的页面不打配,所以只试了一下,还是有些效果的,但有些地方仍值得修改.如果你愿意可以试一下.

1. 将留言时间格式改成 mm/dd/yyyy hh:mm:ss (02/11/2005 8:37:08 PM)
2. 在侧边栏里适当的地方添加以下代码:                   
   <!-- **** FARRAGO RECENT COMMENTS HACK **** -->
   <!-- Version 1.03 -->
   <!-- Copyright © 2004 Ebenezer Orthodoxy -->
   <!-- http://www.pkblogs.com/boggerhacks -->
   <!-- ************** OPTIONS *************** -->
   <script type="text/javascript" language=" JavaScript1.2">
   var titleText = "Recent Comments";
   var numberToShow = 5;
   var displayTemplate = "[name]:<br/>[title]";
   var nameIsLink = true;
   </script>
   <!-- ********* CODE DO NOT CHANGE ******** -->
   <script type="text/javascript" language="JavaScript1.2">
   var comments=new Array(0);var title = "";
   var itemurl = "";
   function getSortDate(strDate){var d=new Date(strDate);
   var day=''+d.getDate();if(day.length==1)day='0'+day;
   var month=''+(d.getMonth()+1);if(month.length==1)
   month='0'+month;var hour=''+d.getHours();
   if(hour.length==1)hour='0'+hour;var min=''+
   d.getMinutes();if( min.length==1)min='0'+min;var sec=''+
   d.getSeconds();if(sec.length==1)sec= '0'+sec;
   var sortDate=''+d.getFullYear()+month+day+hour+min+sec;
   return sortDate;}
   function recentComment(t,u,i,a,d){var rcmnt=
   document.getElementById ('frch'+i).innerHTML;
   while(rcmnt.indexOf("\n") > -1)rcmnt=
   rcmnt.replace("\n","");while(rcmnt.indexOf(" />") > -1)
   rcmnt=rcmnt.replace(" />","/>");
   while(rcmnt.indexOf(" <a/>") > -1)rcmnt=
   rcmnt.replace(" <a/>","<a/>");var author=a;var pos=
   rcmnt.toLowerCase ().lastIndexOf('<br><a></a>posted by');
   var pos2=
   rcmnt.toLowerCase().lastIndexOf('<br><a></a><a></a>');
   var pos3=
   rcmnt.toLowerCase().lastIndexOf('<br/><a/><a/>');
   var pos4=
   rcmnt.toLowerCase().lastIndexOf('<br/><a></a><a></a>');
   var aoffset=pos+6;if (pos3 > -1) pos2=pos3;
   if (pos4 > -1) pos2=pos4;
   if (pos2 > -1){pos=pos2;aoffset=
   rcmnt.toLowerCase().lastIndexOf('<a><b> </b></a>');
   if (aoffset==-1)aoffset=
   rcmnt.toLowerCase().lastIndexOf('<a><b></b></a>')-1;}
   if (pos > -1){author=
   rcmnt.substr (aoffset+15,rcmnt.length-1);var expt="";
   expt=rcmnt.substr(0,pos-4).replace(/(<([^>]+)>)/ig,"");}
   else expt=rcmnt.replace(/(<([^>]+)>)/ig,"");
   author=author.replace ("<A ","<a ");
   if (expt.length > 50){expt=expt.substr(0,50);
   if (expt.lastIndexOf(' ') > -1)
   expt=expt.substr(0,expt.lastIndexOf(' '));expt+='...';}
   expt=expt.replace('"',"\"");expt= expt.replace("'","\'");
   if (!nameIsLink)author=author.replace(/(<([^>]+)>)/ig,"");
   var st=getSortDate(d)+'<li>'+displayTemplate+'</li>';
   st=st.replace('[name]',author);
   st=st.replace('[title]','<a title="'+expt+'" href="'+
   u+'#c'+i+'">'+t+'</a>');comments.push(st);}</script>
   <MainPage><h2 class="sidebar-title">
   <script type="text/javascript" language=" JavaScript1.2">
   document.write(titleText+'</h2>');</script>
   <Blogger>
   <span id="frcht<$BlogItemNumber$>"
   style="visibility:hidden;position:absolute;">
   <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></span>
   <script type="text/javascript" language=" JavaScript1.2">
   title=
   document.getElementById('frcht<$BlogItemNumber$>').innerHTML;
   itemurl='<$BlogItemPermalinkURL$>';</script>
   <BlogItemCommentsEnabled><BlogItemComments>
   <span id="frch<$BlogCommentNumber$>"
   style="visibility:hidden;position:absolute;">
   <$BlogCommentBody$></span>
   <script type="text/javascript" language=" JavaScript1.2">
   recentComment(title,itemurl,'<$BlogCommentNumber$>',
   '<$BlogCommentAuthor$>','<$BlogCommentDateTime$>');
   </script></BlogItemComments>
   </BlogItemCommentsEnabled></Blogger><ul>
   <script type="text/javascript" language="JavaScript1.2">
   comments.sort();comments.reverse();
   for (i=0; i<10 && i < comments.length && i < numberToShow; i++){
   var s=comments[i];s=s.substr(14,s.length-1); document.write(s);}
   </script><br/><br/><span
   style="font-size:7pt;text-align:center;width:100%;border-top:1px dashed;">
   <a title="Farrago Recent Comments Hack from BloggerHacks"
   href=" http://www.pkblogs.com/bloggerhacks">BloggerHacks</a> </span>
   </ul></MainPage>
   <!-- END FARRAGO RECENT COMMENTS HACK -->
3. 代码分很明显的两部分,第一部分可以修改显示的评论数(1-10),以及显示内容
   
   

让Blogger在IE中正常显示

由于编码的原因,Blogger生成的帖子在IE中经常会出现一片空白的情况.记得刚开始的时候就在论坛中看到了解决方法,不过位置却放错了,正确的方法应该是在<head></head>之间添加如下代码:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Blogger针对Google blog search的优化

以前见过很多关于Blog搜索引擎的评测，Google Blog search 出自名门，无论收录速度还是质量上都遥遥领先，当然被封的Technorati无从谈起。

尽管这个站点才建了二十多天，但发布之后的三四天就先后被百度和Google收录，奇怪的是在Google blog search上却一直不见踪影，而BLog search还没有提供自己提交站点的功能，开始我以为是站点太小，不值得Google收录，可是昨天晚上我重新帮朋友建了一个Blog，却发现今天就已经被收录了。心里郁闷的要命，于是看了一下Google blog search的帮助文档。

原来，Google blog search是通过站点的Rss收录的，而我的Blog没有把XML文件放在默认的根目录下，所以我的站点迟迟没有被收录。不知你有没有碰到一样的问题，其实无论是不是用Blogger发布，最好把XML文件放在根目录下，这样就可以让Blog搜索更快的收录你的网站。

提示：如果你绑定了自己的域名，最好连Blogger的XML发布地址也改为自己的域名。

百度空间CSS说明

有一个个性的空间，修改CSS还是非常有必要的
暂时决定使用http://hi.baidu.com/from



body 整个空间页面{background-color:#FFFFFF}

---

空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right}
#header div.tit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink 空间名称链接{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
#header div.desc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}
#tab TAB菜单主体{top:67px;background:url(temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited TAB选中状态{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span TAB与TAB之间的分割符"|"{color:#FFFFFF;font-size:14px}
#tab a:link TAB未选中状态{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2 设置TAB菜单主体{background:#DAE9F5}
#tab2 span TAB选中状态{color:#000000;font-size:12px;font-weight:bold}
#tab2 a TAB未选中状态{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}

---

.stage 内容区域（TAB菜单与版权信息之间的区域）{background:#F3F1F1}

其它区域（即访问量等信息）
#comm_info 主体{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a 链接{color:#3399CC}

---

页码区域
#page 主体{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span 当前页码（不可点击）{padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#3399CC}
#page a.pi 页码（可点击）{padding:3px;color:#3399CC;font-size:14px}
#page a.pi:visited{color:#3399CC}

---

模块
.mod {margin-bottom:10px}
.modhandle{cursor:move}
.modth 模块标题栏主体{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt 模块操作区（如写新文章）{padding:4px 4px 0 0}
.modtit 模块标题区（如文章列表）{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit {color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
.modact 操作文字链接（如文章列表）{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
.modbox 模块内容区{padding:10px 10px 0 10px;background-color:#FFFFFF}
.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}
.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}
.modtr 模块右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}
.modbl 模块左下角背景{background-color:#FFFFFF;line-height:1px}
.modbc 模块中下背景{background-color:#FFFFFF;line-height:1px}
.modbr 模块右下角背景{background-color:#FFFFFF;line-height:1px}

---

文章区域
#m_blog div.tit 文章标题{font-size:14px;font-weight:bold}
#m_blog div.tit a 文章标题链接{color:#333333;font-size:14px;font-weight:bold}
#m_blog div.tit a:visited{color:#333333}
#m_blog div.date 文章发表日期{margin:5px 0 8px 0;color:#666666}
#m_blog div.cnt 文章内容{color:#333333;line-height:20px;font-size:14px}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a 阅读全文链接{color:#3399CC;font-size:14px}
#m_blog div.more a:visited{color:#3399CC}
#m_blog div.opt 文章操作区（如编辑、评论等）{color:#666666;font-size:12px}
#m_blog div.opt a 文章操作链接{color:#3399CC;font-size:12px}
#m_blog div.opt a:visited{color:#3399CC}
#m_blog div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog div.none 无文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}

---

个人档案区域
#m_pro a 链接{color:#3399CC}
#m_pro a:visited{color:#3399CC}
#m_pro div.image 个人头像{text-align:center}
#m_pro div.act 操作区（如加为好友、发送消息）{margin-top:10px}
#m_pro div.user 用户名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
#m_pro div.desc 用户简介{color:#333333;font-size:12px}
#m_pro div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td{color:#333333;line-height:24px;font-size:14px}

---

相册区域
#m_album div.image 照片{text-align:center}
#m_album div.page {color:#666666;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font-size:12px}
#m_album div.page a:visited{color:#0000CC}

---

友情链接区域
#m_links div.item 子项{color:#333333;font-size:12px}
#m_links div.item a 名称（链接）{color:#3399CC;font-size:12px;text-decoration:none}
#m_links div.item a:visited{color:#3399CC}
#m_links div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

---

文章分类
#m_artclg div.item 子项{color:#666666;font-size:12px}
#m_artclg div.item a 分类名称（链接）{color:#3399CC;font-size:12px}
#m_artclg div.item a:visited{color:#3399CC}
#m_artclg div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

---

最新评论区域
#m_comment div.item 子项{color:#333333;font-size:12px}
#m_comment div.item a 发表人（链接）{color:#3399CC;font-size:12px}
#m_comment div.item a:visited{color:#3399CC}
#m_comment div.item a.cnt 评论摘要（链接）{color:#333333;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}
#m_comment div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

---

相册列表
#m_albumlist div.note{color:#333333;font-size:14px}
#m_albumlist div.desc 简介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none 无照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist div.tit 照片标题{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist div.tit a 照片标题链接{color:#3399CC;font-size:14px}
#m_albumlist div.tit a:visited{color:#3399CC}
#m_albumlist span.count 照片数量{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist span.size 照片尺寸{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act 操作区链接（如编辑、删除）{color:#3399CC;font-size:12px}
#m_albumlist a.act:visited{color:#3399CC}
#m_albumlist a.page 页码链接{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited{color:#0000CC}
#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}

---

好友列表
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a 好友名称（链接）{color:#3399CC;font-size:12px}
#m_friend div.user a:visited{color:#3399CC}
#m_friend div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}

---

设置访问统计、模板设置
#m_setting a 链接{color:#3399CC}
#m_setting a:visited{color:#3399CC}
#m_setting 主体{line-height:22px;color:#333333;font-size:14px}
#m_setting img.sel 模板预览图（选中状态）{border:4px solid #FFDB7B}
#m_setting img.unsel 模板预览图（未选中状态）{border:1px solid #D2D2D2}
#m_setting span.tit 模板标题名称{font-size:14px}
#m_setting span.usr 作者名{color:#666666}
#m_setting div.sel "当前模板"文字{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line 分界线{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}

---

系统公告
#m_sysinfo a 链接{color:#3399CC}
#m_sysinfo a:visited{color:#3399CC}
#m_sysinfo 主体{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo span.new 最新{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date 发布时间{color:#666666;font-size:14px}

---

基本选项
#m_setbase 主体{color:#333333;font-size:14px}
#m_setbase td{color:#333333;font-size:14px}
#m_setbase div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

---

网友评论
#in_comment 主体{width:710px}
#in_comment div.tit 标题{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment div.user 发表人名{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment div.user a 发表人名（链接）{color:#3399CC;font-size:12px}
#in_comment div.user a:visited{color:#3399CC}
#in_comment div.user span.date 发表时间{color:#666666;font-size:12px}
#in_comment div.desc 评论内容{color:#333333;font-size:12px}
#in_comment div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#in_send div.tit 发表评论（标题）{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}

注册的一些baidu space帐号

这是个资源紧张的时代,嘿嘿

 

咖啡鱼

till

from

ccoo

iann

ifay

hear

iyou

Blogger之外部Rss的识别

Feedburner之类服务的出现让我们的Blog在搬家的时候有了信心和理由，但若用户直接用浏览器订阅，所订阅的RSS将是模板默认的地址，而不是我们常用的。等到再次更换Blog的时候，可能会带来用户的流失。

在<head></head>之间加入以下类似代码，即可让浏览器自动识别自定义的RSS：
<link rel="alternate" type="application/rss+xml" title="rss for 鱼" href=" http://feeds.feedburner.com/eool" />

Writely可能开始恢复注册

自前几天打开Writely的时候就发现在登陆页面上已经有了提供注册的链接，开始以为这个是针对所有人的，问过朋友却发现并不是每个人都会遇到这个页面，我用的是Firefox。下面是首页和注册页面的截图。可以发现风格仍是Writely以往的风格，没有沾上Google的影子，除了速度有所提高之外。
(图片点击放大)

Writely发布到Blogger测试

试了十几次竟然没有成功。发布到Blogger设置中的BlogID总是显示为乱码。

Blogger中条件标记的使用

Blogger提供的标记中有几个是条件标记，你可以通过它们来控制网页上内容的显示与隐藏，例如在首页显示出"存档"栏，但你却希望它在单独的贴子页是隐藏的，这时你就需要条件标记来发挥作用了。
主要的条件标记有以下四个：

<MainPage></MainPage>（只显示在首页）
<ArchivePage></ArchivePage>（只显示在存档页）
<ItemPage></ItemPage>(只显示在贴子页) 
<MainOrArchivePage></MainOrArchivePage>（显示在首页和存档页）

只要将要选择性显示或隐藏的项目置于标记之中就可以了，要注意的是
Blogger中的标记是区分大小写的。

9款基于flash的播放器

这篇文章至少被转载或收藏了四千多次（来自Google），所以也找不到原作者，见谅。

通过在网页中嵌入Flash对象进行音乐播放是十分常用的，这其中的核心就是Flash播放器。这里，给大家推荐一些基于Flash的音乐播放器，希望能对同志们有所帮助。

1. Audio Player(官方地址)

名字很直接，就叫音频播放器，呵呵。

2. Single MP3 Player(官方地址)

物如其名，简单明了。

3. Dew Player (官方地址)

很漂亮的东东，作者本人就是设计师。

4. Odeo (官方地址)

Odeo本身提供的就是Podcast的服务，这是它们的重要工具之一。另外，你可以不下载这个swf，直接引用该网站上的这个播放器使用。

5. XSPF Web Music Player (官方地址)

这个播放器最大的特点就是支持XSPF格式的音乐播放列表，也就是说，通过它你可以播放多首歌曲。它还提供多种播放器样式，最小的是Button(播放按钮)，其次是Slim(单条)，以及Extended(多功能模式)。除了界面一般外，功能上，它算非常的强了，比前面几个都厉害。

6. FMP256 Flash MP3 Player (官方地址)

这个播放器也支持 XSPF格式的播放列表，可以放多首歌。另外，它还有更强大的商业版本，3美元。

7. Easy musicplayer for Flash (EMFF) (官方地址)

非常简洁的作品，出自德国人之手。

8. Mini Mp3 Flash Player (相关链接)

和Dew Player很像，但看上去更丑些。

9. 爱播播放器(官方地址)

很强大的玩意儿，由爱播网推出。

测试贴

这个帖子用来测试用邮件发布的代码,在Blogger中会不会执行,如果显示出图片则表示执行
<img src="http://www.eool.cn/pic/1.jpg">

在Blogger首页显示摘要

如果一篇文章太长会将首页拉的很长,影响速度和美观.下面的方法可以让你的Blogger在首页只显示文章的部分摘要(请确认你已启用了贴子页)，使用之前不要忘了将＜＞更改为半角字符
1.在 ＜style＞ 与 ＜/style ＞ 标记之间，添加如下代码来定义一个＂fullpost＂的类

＜MainOrArchivePage＞
span.fullpost {display:none;}
＜/MainOrArchivePage＞

＜ItemPage＞
span.fullpost {display:inline;}
＜/ItemPage＞

2.在模板中 ＜$BlogItemBody$＞标记后的某个位置添加以下代码，以在贴子页上显示＂阅读全文＂链接

＜MainOrArchivePage＞＜br /＞
＜a href="＜$BlogItemPermalinkURL$＞"＞阅读全文＜/a＞
＜/MainOrArchivePage＞
3.最后你要在每次发表文章的时候，添加如下代码＜span class="fullpost"＞＜/span＞
　文章的摘要写在语句之前，隐藏的部分写在中间


更新：以下内容 by Marcher

分享一个更为简便的显示摘要方法，让你的Blogger主页更美观

----------------------------------------------------------------
看到置顶帖
http://groups.google.com/group/bloggerspaces/browse_thread/thread/5c0...

里面有通过设置Style类来设置摘要的方法，但觉得每次写Blog都要单独写一段摘要，还要加上fullpost代码才行，有点麻烦。（人懒......没办
法）
我发现一个利用DIV和CSS的简单设置，可以做到截取每篇帖子的一部分显示在主页，和存档页，同样使页面整洁。

但是提前说明，这种方法只是"截取"，实际上所有的帖子内容还需要统统下载，所以对提升页面的打开速度没有效果。只为整洁，不求速度......-_-|||

代码如下，请您自己根据情况修改：

＜p＞
＜MainOrArchivePage＞
＜DIV STYLE="height:150px; border:0px; overflow:hidden;
text-overflow:ellipsis"＞
＜/MainOrArchivePage＞
＜$BlogItemBody$＞
＜MainOrArchivePage＞
＜/DIV＞......
＜BR＞
＜a href="＜$BlogItemPermalinkUrl$＞"
title="阅读此帖子的完整内容，此地址也是该帖子的永久链接"＞＜b＞[阅读全文]＜/b＞＜/a＞
＜/MainOrArchivePage＞
＜/p＞
上方的Div
Style标签里的Height就是设置每篇帖子限制的显示高度，使用MainOrArchivePage标签，生效于主页和存档页。

不要忘记将全角＜＞转换为半角

古堡

PS:共十三张图片,点击放大.将鼠标放在图片不同侧会出现"next"和"prev",点击翻页.在IE中我试了N次才成功了一次,强烈鄙视IE
再PS:只有浏览器将网页全部加载完成后Lightbox才生效,而加入的Flickr让网页的加载速度奇慢,所以把代码删掉了,果然IE也听话啦

将"存档"变为下拉菜单

如果时间,空间(愿Bloggerspaces长命百岁)允许,存档一栏将变的非常长.以下拉菜单的形式显示,不仅可以减少其占用的空间,还可以让Blog变得美观.实现只需以下几步(不要忘记将<>更改为半角字符形式,用word的查找替换):
1.＜select name="archivemenu" onchange=
"document.location.href=this.options[this.selectedIndex].value;"＞

＜option selected＞全部文章＜/option＞

＜BloggerArchives＞
＜option value="＜$BlogArchiveURL$＞"＞＜$BlogArchiveName$＞＜/option＞
＜/BloggerArchives＞

＜/select＞
用以上代码替换原来的存档部分即可.
2.保存重新发布

在浏览器地址栏前添加自定义的小图标

1.要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到服务器中。
2.在HTML源文件“＜head＞＜/head＞”之间添加如下代码：＜Link Rel="ICON NAME" href="http://图片的地址"＞，当然如果用户使用IE5或以上版本浏览时，只需将图片上传到网站根目录下，即可自动识别
3.在线PNG2ICON转换网站
另外可以下载iconworkshop生成ICON文件

来自英国的邮件

昨晚上快睡了的时候，收到了ubuntu的十张光盘，也不记得什么时候填的表格了，大约有几个月了，都把这事给忘了。一个多星期前就看到别人都收到了，我的却没到，以为只是寄给部分“幸运”的人。一共十张，离鱼近的可以留言，或者到它的官方网站上填写你的地址。

昨晚上接着试用了一下（live cd），整体感觉比windows要差那么一截，中文字体支持的不是很好（听说可以修正的）。