我现在使用的是z-blog论坛里提供的“网摘”插件,来实现文章的网摘功能。
2008年5月4日,新增“有道”订阅按钮。
2008年1月8日新增台湾推推王Funp.com文章订阅按钮。
2008年1月7日新增digg.com订阅按钮。
2007年12月11日新增飞豆、鲜果、抓虾三个订阅按钮。
但是原来插件JS代码有几点不足:
一是,其中一些网摘网站现在已经不存在了,或者规模较小,没有使用价值;
二是,不能在新窗口中打开网摘网站,使读者离开你的博客;
所以我修改了插件包里的wz..js,增加了一些常用网摘网站代码和图标。对其中官方网摘代码也做了一定的修改,比如去除href空链接,增加新窗口打开方式,图标链接提示等。
因为从官方复制过来的代码,需要转成“JavaScript”,所以我用“HTMLtoAnyCode”这个工具将原来的“html网摘代码”转换成需要的“js”代码,放入wz.js中。
下面说说,我给z-blog加入“网摘”功能的步骤:
1、上传“wz”文件夹到z-blog的“PLUGIN”目录下。
2、修改/TEMPLATE/b_article-single.html 文件,这个为z-blog的正文,主文章区的模版文件。如果你想换到其它位置请修改相应模版。我是在相关文章上面(mutuality),添加网摘JS调用代码的(蓝色部分)。
<li class="adlinks"><span><a href="http://www.zfnn.com/catalog.asp?tags=%E7%BD%91%E6%91%98">添加到网摘</a></span>
<SCRIPT language="javascript" src="HTTP://www.zfnn.com/PLUGIN/wz/wz.js"></SCRIPT>
</li>
</ul>
<ul class="msg mutuality">
<li class="tbname"><#ZC_MSG231#>:</li>
<li class="msgarticle"><#template:article_mutuality#></li>
</ul>
3、给网摘加上CSS样式,为了和整个页面协调,我给上面代码,定义如下样式。
font-weight:bold;
padding:6px 0 4px 8px;
margin:0 12px 4px 0;
text-decoration:underline;
}
li.adlinks img{ /* 网摘图标 */
padding-right:4px;
}
li.adlinks span a{ /* “添加到网摘”链接样式 */
color:#000000;
text-decoration:underline;
}
li.adlinks span a:link {
color:#000000;
text-decoration:underline;
}
li.adlinks span a:visited {
color:#000000;
text-decoration:underline;
}
li.adlinks span a:hover {
color:#000000;
text-decoration:underline;
}
li.adlinks span a:active {
color:#000000;
text-decoration:underline;
}
说明一下,上面的“添加到网摘”,我是给这段文字加上一个链到“网摘”关键字Tag,方便你查找所有有关“网摘”的文章。至此,就给博客文章添加上了网摘功能。下面提供我修改后的“网摘插件”。如果以后,对这个插件更新,我将加上日期说明。
下载:z-blog“网摘”插件(最后更新日期:2008年5月4日)

