简易Digg插件 - DiggThis 1.0 Beta For Z-blog 1.7
前言: 本来不想做这个插件, 直到"现实呓种"管我要, 他说, 你不做也得, 那就把软件兔的 "投票插件" 给我改成温度计的样式... 我看了一下星星投票, 然后决定来写插件...
事先也想参考一下, 别的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的流行元素吧.
[color=DarkRed][b]闲话不提了, 看插件:[/b][/color]
[b]For Z-Blog 1.7[/b]
[attach]1556[/attach]
[b]For Z-Blog 1.8[/b]
[attach]2992[/attach]
[b]效果图:[/b]
[attach]1555[/attach]
[b]演示地址就拿Washun的博客吧: [url]http://www.washun.com/[/url][/b]
[b]安装说明:[/b]
1. 下载后解包, 将 DiggThis 文件夹上传到您博客目录的 PLUGIN 文件夹下.
2. 改代码, 如下:
======== 下面这段代码插到 b_article_single.html 里, 文章标题 <div>(或<h2>) 的上方 ==========[code]<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>[/code]============ 下面代码是样式表 插到 single.html 里 <head> 与 <head> 之间 ==============[code]<link rel="stylesheet" rev="stylesheet" href="<#ZC_BLOG_HOST#>PLUGIN/DiggThis/Styles/style.asp" type="text/css" media="screen" />[/code]============= 下面代码是JS文件 插到 single.html 里 <head> 与 <head> 后===============[code]<script type="text/javascript" language="javascript" src="<#ZC_BLOG_HOST#>PLUGIN/DiggThis/Images/common.js"></script>[/code]=================== 最后完成对 single.html <body> 的修改 ======================[code]最后在 single.html 中的<body class="single"> 中插入 onload="globalHandlers();"
即将 <body> 成: <body class="single" onload="globalHandlers();">[/code]代码改得有点多, 非我本意, 不过这个插件本身就非我本意...
[b]使用说明:[/b]
插件里有详细说明和操作提示. 在后台 - 插件管理 中找到并进入插件可以执行一些管理功能, 包括备份还原数据, 选择Digg框的样式等.
目前Digg框的样式只有三个, Washun做的, 如果你原意可以把你做的发上来给大家用.
[[i] 本帖最后由 haphic 于 2008-1-9 17:07 编辑 [/i]]
