前言: 本来不想做这个插件, 直到"现实呓种"管我要, 他说, 你不做也得, 那就把软件兔的 "投票插件" 给我改成温度计的样式... 我看了一下星星投票, 然后决定来写插件...
事先也想参考一下, 别的Digg都是怎么做的, 没看懂, 后来还是关上门自己写, 只是我的JS技术不比不会好多少, Ajax效果移植自一个和Digg根本不沾边的页面, 实现不了主页Digg的效果. 只能进入文章再Digg, 不理想, 可也无能为力. 如有JS高手帮着重新设计下Ajax无刷新载入吧.
Digg数据提交到 str00 +'PLUGIN/DiggThis/Digg_This.asp?act=1&id=43'; id 是文章 id, act=1是顶, 2是不变, 3是拍.
另外因为数据是独立的, 实现排序不容易(至少要重新建一张页面并调用数据库), 这也不做了...
我说这些的目的: 如果您看不下去还有这么垃圾的插件存在...那就来为大家重做一个Digg插件吧...
不过这个插件至少实现了简易的Digg功能, 用起来感觉还凑合, 好歹也算是2.0的流行元素吧.
闲话不提了, 看插件:
For Z-Blog 1.7
For Z-Blog 1.8
效果图:
演示地址就拿Washun的博客吧: http://www.washun.com/
安装说明:
1. 下载后解包, 将 DiggThis 文件夹上传到您博客目录的 PLUGIN 文件夹下.
2. 改代码, 如下:
======== 下面这段代码插到 b_article_single.html 里, 文章标题 <div>(或<h2>) 的上方 ==========- <div id="DiggThis_Wrap">
- <ul id="DiggThis_Tabs">
- <li class="DiggThis_tabEnable" onclick="switchTab(1,<#article/id#>);"> 顶 </li>
- <li class="DiggThis_tabEnable" onclick="switchTab(2,<#article/id#>);" style="display:none;">Null</li>
- <li class="DiggThis_tabEnable" onclick="switchTab(3,<#article/id#>);"> 拍 </li>
- </ul>
- <div id="DiggThis_Content" class="DiggThis_clearfix"><script type="text/javascript" language="javascript">switchTab(2,<#article/id#>);</script></div>
- </div>
- <link rel="stylesheet" rev="stylesheet" href="<#ZC_BLOG_HOST#>PLUGIN/DiggThis/Styles/style.asp" type="text/css" media="screen" />
- <script type="text/javascript" language="javascript" src="<#ZC_BLOG_HOST#>PLUGIN/DiggThis/Images/common.js"></script>
- 最后在 single.html 中的<body class="single"> 中插入 onload="globalHandlers();"
- 即将 <body> 成: <body class="single" onload="globalHandlers();">
使用说明:
插件里有详细说明和操作提示. 在后台 - 插件管理 中找到并进入插件可以执行一些管理功能, 包括备份还原数据, 选择Digg框的样式等.
目前Digg框的样式只有三个, Washun做的, 如果你原意可以把你做的发上来给大家用.
[ 本帖最后由 haphic 于 2008-1-9 17:07 编辑 ] |
![2007年主题大赛 [最佳技术奖章]](images/common/medal3.gif "2007年主题大赛 [最佳技术奖章]")
发表于 2007-7-23 12:21
| ![2007年论坛霸主 [月度人气奖章]](images/common/medal5.gif "2007年论坛霸主 [月度人气奖章]")
发表于 2007-7-24 01:05
| 
（之前听说wp有一个dig插件，但我找来找去没找着……）
发表于 2007-8-20 12:44
|