2008年8月7日星期四

如何在不改变以前修改模板的情况下增加新的打星评分功能

上次说了如何在不改变以前修改模板的情况下增加新的页内评论功能,但是还有朋友不知道如何在不改变以前模板的情况下增加打星评分的功能,所以这次再讲一下这个东东。

首先切换到 布局 的 修改HTML 项目,找到这行代码:
<div class='post-footer-line post-footer-line-1'>

在后面添加如下代码:
<b:if cond='data:blog.pageType == "item"'>

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>

</b:if>

接着往下面找到下列代码:

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>

最后跟在下面添加下列代码:

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>


就完工了!另外你注意到<script src='http://www.google.com/jsapi' type='text/javascript'/>这一行代码了吗?如果你已经加了<script src='http://www.google.com/jsapi' type='text/javascript'/>这行代码在博客开头的位置,如blogger 3.0:超酷的ajax标签再次升级版(完全替代博客原本的标签功能)杀手级应用,把横向和侧边式ajax搜索结合起来放进你的博客(08-8-3update)的话,那么可以把这行代码去掉,因为已经不需要了!

11 评论:

yyy 说...

不错哦,
不过,顺便再提个意见哦,

就是你每次都没有提醒大家要打开那个扩展小窗口部件的选项,

因此,有些人可能会找不到你说的代码哦

匿名 说...

好!

linfavourite 说...

这个是让人家评分用的吧。
问题是访客要怎样才能评分?
我在自己一个试验用的部落各照文章叙述作了,可是看不到有什么改变说……

Unknown 说...

用了一下,感觉这个东西挺浪费资源的
暂时不用

Jimmy 说...

没有变化,不知哪一步做錯了.

GG 说...

你在 布局 页面元素 项目 下的“博客文章”模块,打开显示星级评分的选项没有?

linfavourite 说...

发现一个小问题

div class='post-footer-line post-footer-line-1'

这行我找不到,找到的是这行
p class='post-footer-line post-footer-line-1'

后面照着做是一样成功的!

GG 说...

代码有时候会有点小区别啦~

linfavourite 说...

哦哦,了了

匿名 说...

blogger上出现:“您的 AdSense 帐户需要验证。 请检查电子邮件了解 Google AdSense 验证消息。”是什么意思,该怎么验证呢?

Jimmy 说...

嗯嗯 OK了 果然就是没有打开显示星级评分的选项 大意...
现在搞定了,谢谢GG!

发表评论: ☆欢迎灌水☆言论自由☆交流快乐☆