页面载入中..

回到页首回到页尾

关于本blog首页中的"展开/隐藏帖子"

momo @ 2006.11.28 [ Blogger ]

本blog使用了一个hack,可以在首页默认只显示帖子标题,而当你点击”展开”按钮的时候才会为您展示这个帖子,使页面空间更加紧凑。
很多朋友问我这是怎么做的,其实这在Blogger帮助中就有说明,如下:

此功能包含三个组成部分:CSS、Javascript,当然还有 Blogger 模板标记。现在让我们来逐一了解它们。
CSS
这是最简单的部分。不管是隐藏还是显示帖子,我们都需要讲上好几课才能说清楚,所以您可以简单地将下面两行代码粘贴到样式表中:
.posthidden {display:none}
.postshown {display:inline}
样式表通常接近模板顶部,在 <style> 与
</style>
标记之间。如果您的样式表在一个单独的文件中,则将这些代码行添加到该文件中即可,无需添加到模板中。Javascript
在模板的 <head></head> 标记间添加以下代码:
<script type=”text/Javascript”> function expandcollapse (postid) { whichpost = document.getElementById(postid); if (whichpost.className==”postshown”) { whichpost.className=”posthidden”; } else { whichpost.className=”postshown”; } }
</script>
这就是我们将在下面用来显示或隐藏帖子的功能。我们只需给它一个特定帖子的
ID,它就可以把这个帖子的 CSS 样式改为另一种。
Blogger 标记
现在我们的工具都已经到位了,可以把它们真正应用到我们的帖子中了。在模板的 <Blogger></Blogger>
标记间,您将看到显示帖子的那一部分代码。我们要用的代码如下所示:
<BlogItemTitle> <$BlogItemTitle$> </BlogItemTitle> <span class=”posthidden” id=”<$BlogItemNumber$>1″> <$BlogItemBody$><br /> </span>
<a href=”javascript:expandcollapse(‘<$BlogItemNumber$>1’)”>
[+/-] show/hide this post</a>
当然,您也可以根据需要进行修改,使之适合您的模板。比如,您可能想在此处添加其他格式标记,或为您的署名行或评论添加其他代码。显示出的文字”[+/-]
显示/隐藏此帖子”也可以更改。
这段代码最重要的部分就是包围 <$BlogItemBody$> 标记的 <span> 标记。您可以看到此部分开始是隐藏的,然后它使用 <$BlogItemNumber$>1 创建一个唯一的 ID。(额外的”1″是为了确保唯一性,防止模板已在其他处,比如永久链接,使用了此 Blog 项目号)。Javascript 链接于是使用相同的 ID,确保显示或隐藏正确的帖子。
模板上的一切都弄好后,只需保存更改并重新发布即可。无需再进行其他更改,新格式即会自动应用至您所有的帖子。
备注:
在对模板进行任何修改之前,都应该先备份。只需将所有代码复制并粘贴到硬盘上的文本文件中即可,这样,一旦出错还可以使用原来的模板。
显示/隐藏帖子还有另外一种方法:使用帖子摘要。每种方法都有自己的优点和缺点。
此方法的优点:只需更改模板,无需修改帖子。
缺点:只显示每个帖子的主题,没有摘要信息。该功能应用至所有帖子,不允许您选择性应用(比如,只应用于长帖子)。

如果对于这段代码依然感觉一头雾水,在Blogger标记这个步骤中你可以研究一下我所使用的这段代码


Spam来袭

momo @ 2006.11.28 [ Blogger, IT ]

自从把本blog的评论设置为页内评论以后,这个blog就长期被大量的spams侵扰着。所谓spam,原指垃圾邮件,而现在普遍用于网络垃圾信息。
对于spams每天好几轮的轰炸,起初我只是对其删除处理,不料近来spams的肆虐程度日益加剧,单纯的删除已经不能达到效果,而加上了页内评论以后,blogger本就单薄的评论系统更加不堪一击;最最要命的是,由于blogger采用的静态页面的发布方式,所以其评论的显示是通过重新发布一次帖子页来实现的,而spam的工作方式却是一轮攻击中在同一时间发表10-20条垃圾评论,这样blogger系统就容易出错,有一次甚至造成了本站模板被斩腰,以至于整个网站的页面结构被破坏(幸好我有模板的备份,不然又有的忙了)。
不得已我只有对spams肆虐最严重的几个帖子实行了关闭评论功能的处理。可是这依然是一种亡羊补牢的办法,治标不治本;而我采用的这种以js为依托的页内评论功能并不支持输入验证码这一功能,可是要放弃页内评论又有些不舍。十分矛盾,在此做个民意调查,看大家的意见如何?
进入投票页面


百度收藏

momo @ 2006.11.28 [ Tools ]

百度收藏正式上线了。这是一个类似于del.icio.us的服务,试用了一下,发现速度挺快的,只是没有个人页面的输出和Feed的输出,从这个方面来看,似乎和Google Notes有些相像。总之这不算是一个社会化的书签产品,顶多就是一个普通的网络收藏夹而已,适合在网吧活动的网民作为活动IE收藏夹使用。

你可以在自己的网页或者Blog添加上他的收藏按钮:


来当一把乞丐吧

momo @ 2006.11.27 [ Fun, IT ]

这年头噱头可真多!居然还有这样的网站,专为乞丐设立的,名叫乞丐帮社,真是世界之大无奇不有啊。看看乞丐帮社的介绍:

乞丐帮社是CtoC模式的免费乞讨网站申请站点,是网上乞讨者的聚集点,只要会打字,就能让任何人建立自己的个性化乞讨站点,或求助站点,支持多种网上收款方式,其中包括:支付宝,财富通,快钱,银行转帐,邮局汇款,只要你有其中之一的收款方式,就能建立您自己的个性化专业求助站点,乞讨站点。风格自己定。。。

这样的网站真有人乐意捐钱吗?真有乞丐去注册?
Ooooooooops.. 高科技乞丐时代就要到来了,还不去当一把?!


Sina Blog香港版

momo @ 2006.11.27 [ IT, Web ]

你喜欢用大型网站出品的BSP来为你的Blog安家吗?你已经厌倦了各大门户Blog给你分配的难记域名吗?想在自己Blog里面添加大量自定义内容(包括Adsense)吗?你已经无法忍受你Blog那蜗牛般的速度了吗?而Blogspot虽然解封了,可是在GFW的关怀下依然岌岌可危。那么,来试试这个Sina Blog香港版吧!
Sina Blog香港版提供yourname.mysinablog.com的二级域名;页面访问速度奇快;留言系统发达;侧边栏自由度比较高,可以自定义添加各种代码。
试用了一下,发现他也有缺点。这个BSP貌似不是很乐意为大陆同胞服务,所以申请用户名的时候请使用代理服务器(比如A-bug);可以按正常浏览方式登录进入后台管理,只是其速度有点慢,慢到什么程度呢?比Live Spaces稍微快一点,但是不会造成机器卡。
随便申请了一个作为示例:http://interjc.mysinablog.com/