最近blogger加了个rate评分的东东,效果见每篇文章的右下角。
这是我在Spotback申请的,该站很早就已经开通,但之前一直处于测试阶段,需要发邮件申请,目前似乎已经公开了。
Spotback的口号是“rate everything”,能为任何post或comment或其他的进行评分。它提供3种形式的 widgets ,一种是常见的星星的形式,像我blogger的这样;一种是滑动条的形式,将一个小圆球在有刻度的滑动框里拖动以进行评分,比较新颖;另外的就是一个侧边栏标签页的形式。网站提供了许多现成的模版供大家选用,当然你也可以自己定义,把滑动框的背景换成自己的Logo,把星星换成苹果、葡萄或者任何你喜欢的
widgets 的主要作用当然是rate了,一共分为5等,当然,你也可以在后台再加或减少等级。
另外,它还支持读者为所评分的post或comment添加标签(widgets上的tags按钮),并会为此建立一个标签云(discover more按钮),前面说过的第三种 widgets 就是对这一标签云的统计
Spotback对Blogger的有良好的支持,在官网的代码提供页就主要提供了for old blogger、new blogger、Wordpress、Generic systems的代码,并有详细的使用说明。
此外,在该站的后台还有一个my ratings栏,它主要是对你为别人评分过的文章进行统计,方便你查看和跟踪,和美味书签功能有些相似。
好了,如果此前你还羡慕别人能有后台支持评分的话,那么,现在你可以点击这里去申请,拥有自己的评分系统。
*这里需要提醒的是,Spotback所提供的模版,虽然能够自定义背景色或者背景透明,但星星是有背景色的(滑动框是透明的),所以如果没有合适自己的话,就需要自己PS再上传了,记得PS的图最好保存为有背景色的GIF或PNG图片,因为即便是透明的PNG,Spotback也会默认为灰色背景色。还有就是自己PS的图只能用英文名,否则无效。





13 Comments :
似乎不错,试用中~:-D
自己设置怎么移动小元素的位置啊?
能不能帮我解决一个问题:是关于折叠文章方面的.
按照标准:在一个页面上是不能有重复的id名称的,而你们用的那种方法在使用了id="fullpost"的情况下fullpost的名称和文章数目一样多,却能单独展开/收缩文章,不知道是哪些JS代码在起作用.我用的是jQuery库,点击任何一篇文章的"展开"链接时,所有的文章都会作出响应(全部展开),请问怎样才能单独展开一篇文章?是否需要在XML代码里做一些修改?(效果可以见我的blogger,我不想用大家都在用的这种方法)
To GG: 在修改页的右边每一栏相对于widget的一个项目,你选中时,在中间的预览图中,所对应的项目就会闪动,而在右下角的就是对应的数据,你修改x y就行了
To yubaoo:fullpost的id是只有一个的,模版中是不能出现俩个fullpost,至于你说的jQuery,上次介绍的我也看了,但遗憾的是没看懂-_-|||而且如果只是这么简单一个功能貌似没必要那么复杂
我常用的一段:
<script language="JavaScript" type="text/javascript">
function showhide(e,showhideID){
e.className=(e.className=="Btnshow")?"Btnhide":"Btnshow"
document.getElementById(showhideID).style.display=(e.className=="Btnshow")?"":"none"
}
</script>
<style>
.Btnshow{}
.Btnhide{}
</style>
<div class="Btnshow" onclick="javascript:showhide(this,'content')">title</div>
<div id="content">
content
</div>
</div>
实现的效果是一样的^_^
知道了,谢谢~~
不错,我也试用下!
问个问题啊:
怎么让它显示的“Avg:4.3/5 (3 votes)”不换行呢?
谢了哦!
我看了过你在修改中的模板了!也给婷婷看了,她非常喜欢哦!辛苦了!
To sz-iris: widget的每个Component是通过绝对定位来锁定位置的,所以首先你的确保widget的宽能容纳所有Components,然后,如果不想换行,就将所有Component的Position Y设为一致就行了
我是想用jQuery实现更多更酷的功能, 整个页面的动态效果全部用jQuery来实现,如果需要加载别的效果就不用再调用新的js了,这样也可以缩短页面打开的速度。
不过还是谢谢你的回答!我再研究研究吧!
原来在那里可以详细设置的啊,而且还可以远程激活,我已经懂了!谢了哦!
不过貌似有点拖速度。。。
还有一个问题:你确定在实现这个折叠效果的过程中没有修改模板XML代码,而只是调用了那段JS和在文章模块里添加了两个DIV吗?
To yubao:
首先,因为你说"不想用大家都在用的这种方法"
所以我提供的是另外的代码,而不是我模版的
其次,我并未说过"折叠效果的过程中没有修改模板XML代码"
如果使用我提供的代码,两个DIV是要在模版XML中加上的
熊!!你越来越向精细方向发展了 啊!
我会常来的 !
很漂亮咯 ~
Leave a comment