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 评论:

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