给z-blog文章增加“网摘”

 我现在使用的是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调用代码的(蓝色部分)。

<ul class="msg mutuality">
<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样式,为了和整个页面协调,我给上面代码,定义如下样式。

li.adlinks span{ /* 网摘标题 */
 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日

  • quote 2. iris
  • 总是显示不出来呢...后台插件管理也没有网摘.....Cry
    birder 于 2007-8-1 8:06:29 回复
    按我上面说的,应该就可以了,主要是两步
    1、上传wz到plugin,后台插件没显示没关系,我的后台插件管理也没有网摘。
    2、是在合适的地方加入这个JS语句,网址换成你自己的
    <SCRIPT language="javascript" src="HTTP://www.zfnn.com/PLUGIN/wz/wz.js"></SCRIPT>
  • 2007-8-1 8:06:29 回复该留言
  • quote 3. 一剑
  • http://www.onehappy.net
  • 我说嘛,怎么老文章又出现拉,原来是更新拉代码!~~
    birder 于 2007-12-11 11:21:19 回复
    是的,新增加三个网摘,都是比较常用的。
  • 2007-12-11 11:21:19 回复该留言
  • quote 5. 无忧QQ空间
  • http://www.51qqkongjian.com
  • 很好,终于弄到我的QQ空间站上去了,感谢!
    http://www.51qqkongjian.com/qqnews/20071210/141531.html比如这个页,呵呵。就是下载你那个js添加上的。
    birder 于 2007-12-18 16:57:18 回复
    不客气,做的不错。
  • 2007-12-18 16:57:18 回复该留言
  • quote 6. 无忧QQ空间
  • http://www.51qqkongjian.com
  • 我在首页加了贵站链接,表示经常来,你给不给我加个链接都行,哈哈!最好加一个,呵呵!
    birder 于 2007-12-18 16:56:32 回复
    谢谢你,欢迎常来。因为首页只加博客,友链位也在整理之中,所以我把你加到链接页了。
    http://www.zfnn.com/post/169.html
  • 2007-12-18 16:56:32 回复该留言
  • quote 7. sunlight
  • http://www.cnctechnet.com
  • 用在zblog1.8上是否要做修改
    birder 于 2008-1-10 15:58:35 回复
    我还没升1.8,这个还真不清楚呢,不过这个插件在非z-blog系统都能用,想来应该没问题。
  • 2008-1-10 15:58:35 回复该留言
  • quote 9. 西门穿鞋
  • 弄好了。全部都可以用了。
    还有没有更多的标签呢。
    有名点的网摘站。
    birder 于 2008-1-16 16:46:47 回复
    不客气,这里还有一些网摘站的原始代码。

    http://www.zfnn.com/post/59.html

    有一些网摘标签我没加到这个插件里。

    那个页面我一直在更新,有需要就来看看吧。
  • 2008-1-16 16:46:47 回复该留言
  • quote 11. 傻瓜
  • 您好,我今天用上了这个,可是博主您有没有自己点击过这些网摘呢,我试着点击了下,大部分点击收藏之后没反应。看来博主你要重新更新这些代码了。yandouchaojidan@yahoo.com.cn
    birder 于 2008-4-29 13:53:59 回复
    我这里有反应呀,有的网站需要你在网站登陆之后才可以使用。
  • 2008-4-28 22:07:42 回复该留言
  • quote 12. 傻瓜
  • 博主您好,我知道有的必须得登录才能有反应,可是即使你不登录,你点击也会提示你登录收录的,问题是现在很多点了之后没有任何反应,而我点击别人博客的这些收藏都有反应的。为此我专门换了几个电脑试了,都是没反应。博主希望您能好好研究下,把这个代码搞好。PS:赞您的认真回复。
    birder 于 2008-5-5 9:18:25 回复
    你点我的页面上的按钮也没反应吗?我一个个试了,除了黑米可能撞墙了,其它都行。
    另外,我更新了这个插件包,你重新下载试一下。
    傻瓜 于 2008-5-5 17:10:47 回复
    sorry ,是我的电脑问题,可能与我的浏览器有关。firefox下可以,但是IE和傲游不行。
  • 2008-5-4 20:28:32 回复该留言
  • quote 13. zhaoniupai
  • http://www.51hbv.com
  • 已经在无忧乙肝博客加了这个代码。

    我原来用的就是z-blog论坛里你提到的那个网摘插件,但是原作者没去更新,要的网摘没有,不要的一大堆。

    很感谢你对这个插件的更新,希望继续跟进。Smile
  • 2008-5-19 6:35:48 回复该留言
  • quote 14. zhaoniupai
  • http://www.51hbv.com
  • 提示一下大家,抓虾订阅需要在wz.js相应代码里修改一下网址,把它修改成自己博客的。
    birder 于 2008-5-19 8:17:05 回复
    谢谢你的提醒,大家应用这个插件时,要注意把里面的地址改成自己的地址。
  • 2008-5-19 6:49:11 回复该留言
  • quote 17. zhaoniupai
  • http://www.51hbv.com/
  • 个人认为,应该去掉抓虾、飞豆、鲜果、有道等等,因为这些只是对博客的“订阅”,并不是对文章的“网摘”。在每篇文章后边跟上的是博客地址的订阅图标,似乎重复,因为一般来说,侧栏已经有这些。

    用了一段时间,觉得网摘对于增加流量的作用很小。
    birder 于 2008-7-13 13:42:03 回复
    要是想去除哪个订阅图标,可以在下载后,在wz.js文件中,删除对应项就可以了。
    国内网民使用习惯的确和国外不同,作用不是很明显。
  • 2008-7-13 12:17:36 回复该留言
  • quote 18. wenrow
  • 你好~我刚学做BLOG~
    我想问一下像你这样给文章里面添加一个浅蓝色的背景改怎么做!
    就是这一段代码的后面是浅蓝色的!
    <ul class="msg mutuality">
    <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>
    birder 于 2008-7-25 9:05:53 回复
    就是给<ul class="msg mutuality">定义一下样式
    比如这个,就是定义一下背景色,background:#EAF8CF;
    把这个样式写到样式表相应位置就可以了。
  • 2008-7-25 1:50:43 回复该留言

评论恒久远,一贴永流传

提交

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

帮助他人 - 快乐自己

最近发表

Search

热门文章

随机推荐

钱币收藏

增值服务