首页 > 代码修改 > 热门文章调用代码之点点使用技巧
2012
09-02

热门文章调用代码之点点使用技巧

笔者在使用点点博客系统中通过网友帮助将其自动调用热门文章代码给搞定了:

热门文章调用代码之点点使用技巧 - 第1张  | 心岛博客

这个代码有个问题就是只有当某个帖子有回应时才会显示,也就是说点点的热门文章实际上是热门回应文章调用。

代码分JS调用模版、DIV容器(以及CSS文件)和JS DOM模块三部分组成。

一、JS调用模版代码如下:

<!--下面是自定义视图关于热门文章、最新文章、随机文章的调用-->
<script type="server/javascript">
if (dian.request.action === 'latestpost.html'){
    var test =  '<a href="<%=post.url%>">'+ '<p>'+
                    '<% if (post.thumbnail||post.photo||post.audio||post.video){ %>'+
                       '<img src="<%=post.d_thumb%>" alt="">'+
                    '<% } %>'+
                   ' <br>'+
                   
                        '<%=dian.tools.nohtmlTruncate(post.d_title,16)%>'+
                    
                '</p>'+'</a>';
               
    require('dd://assets/2012/0723/213013VrOb/latest.coffee').latest({
        template:test,
        layout:"",
        thumb:"square_250"
    });
    return;
}
</script>

注意:安装时需要将代码放置在网页声明文件前,也就是点击自定义代码后的最顶端!

二、div+CSS

<!--最热门文章--> 
<div id="remen"></div>

至于CSS样式表应该很简单了,大家可以自己写下。

三、js DOM代码

<script type="text/javascript">
									$(function(){
$("#remen").load("/do/latestpost.html?_posts[limit]=10&_posts[order_by]=notes");
})
</script>

注意,其中的DOM数据输出代码可以根据官方的文档进行替换后成为调用最新文章、随机文章的模块!当然每次输出DOM模块的变化为了不影响以后调用其他模块,建议使用不同的ID进行设置!

最后编辑:
作者:xindao
这个作者貌似有点懒,什么都没有留下。

留下一个回复

你的email不会被公开。