低一度

顶部横幅

z-blog侧边栏评论列表效果美化

2010-6-6 - diyidu - zblog相关 - Views

这里所讲的美化，其实是指添加一些相关信息到列表处，如评论者名称、评论时间以及评论者的Gravatar头像等等。前者（添加调用“评论者名称”），我记得官方论坛上，已有人将之做成插件来实现了，但是后面几项信息，还没相关插件支持呢！你会调用吗？插件的好处是不少，比如不会直接更改源代码，不影响程序升级，清除方便……但同样也有其局限的地方，如执行效率，它肯定没直接修改来得快……因此，针对此问题，低一度的看法是：如果你懂得备份、懂代码，不妨少用点儿插件。

言归正传，今天我向大家简要介绍下“z-blog侧边评论列表效果美化”的问题——

1.调用评论者名称

效果演示：“diyidu：这篇文章不错哦！支持。”

实现方法：打开“根目录/FUNCTION/c_system_base.asp”文件，在2226行附近找到如下代码：

strComments=strComments & "<li><a href="""& objArticle.Url & "#cmt" & objRS("comm_ID") & """ title=""" & objRS("comm_PostTime") & " post by " & objRS("comm_Author") & """>"+s+"</a></li>"

将之修改为——

strComments=strComments & "<li>" & objRS("comm_Author") & "：<a href="""& objArticle.Url & "#cmt" & objRS("comm_ID") & """ title=""" & objRS("comm_PostTime") & """>"+s+"</a></li>"

保存后上传覆盖原文件，后台文件重建即可。

2.评论者名称、评论时间二者一同调用

效果演示：参见卢松松博客的侧边评论列表样式（上下两行，上显示评论内容，下调用相关信息）。

实现方法：打开“根目录/FUNCTION/c_system_base.asp”文件，在2226行附近找到如下代码：

strComments=strComments & "<li><a href="""& objArticle.Url & "#cmt" & objRS("comm_ID") & """ title=""" & objRS("comm_PostTime") & " post by " & objRS("comm_Author") & """>"+s+"</a></li>"

将之修改为——

strComments=strComments & "<li><a href="""& objArticle.Url & "#cmt" & objRS("comm_ID") & """ title=""" & objRS("comm_PostTime") & """>"+s+"</a><p>" & objRS("comm_Author") & " 评论于 " & objRS("comm_PostTime") & "</p></li>"

保存后上传覆盖原文件，后台文件重建即可。

3.调用评论者的Gravatar头像及评论者名称

效果演示如图：

z-blog侧边栏评论列表效果美化

这个其实也不难实现，之前在我的第一个正式主题“diyidu”里，就已经有了，将头像调用到侧边列表上。不过当时那个效果是haphic帮我编写的，而且是采用“主题内置插件”的形式。那如果要手动修改，应该怎么做呢？

首先，打开“根目录/FUNCTION/c_system_base.asp”文件，在2217行附近找到如下代码：

Set objRS=objConn.Execute("SELECT [log_ID],[comm_ID],[comm_Content],[comm_PostTime],[comm_Author] FROM [blog_Comment] WHERE [log_ID]>0 ORDER BY [comm_PostTime] DESC,[comm_ID] DESC")

在里面加个[comm_Email]，也就是邮箱参数，即改为——

Set objRS=objConn.Execute("SELECT [log_ID],[comm_ID],[comm_Content],[comm_PostTime],[comm_Author],[comm_Email] FROM [blog_Comment] WHERE [log_ID]>0 ORDER BY [comm_PostTime] DESC,[comm_ID] DESC")

然后，同样在2226行附近找到如下代码：

strComments=strComments & "<li><a href="""& objArticle.Url & "#cmt" & objRS("comm_ID") & """ title=""" & objRS("comm_PostTime") & " post by " & objRS("comm_Author") & """>"+s+"</a></li>"

将之修改为——

strComments=strComments & "<li><img src=""http://www.gravatar.com/avatar.php?gravatar_id="& md5(objRS("comm_Email")) & """ /><a href="""& objArticle.Url & "#cmt" & objRS("comm_ID") & """ title=""" & objRS("comm_PostTime") & """><p>" & objRS("comm_Author") & "：</p>"+s+"</a></li>"

保存后上传覆盖原文件，然后对应侧边评论处的div，用css代码控制下头像的尺寸及位置等等。这个大家都会吧？完成后，后台文件重建，OK，搞定。

关键词 // Z-Blog Z-Blog拓展 Z-Blog技巧
出处：低一度，链接：http://www.diyidu.cn/post/zblog_commentlist.html

上一篇：z-blog各栏目分类实现自定义模板 下一篇：Summerhost提供的1g免费空间

随机推荐

to "z-blog侧边栏评论列表效果美化"

  • 可乐
    #1 可乐 回复该留言 2010-6-6 15:43:01
    这个不错啊！一会去试下。
    diyidu 于 2010-6-6 15:48:18 回复
    记得折腾之前备份好哦。
    网站seo 于 2010-6-12 13:25:25 回复
    现在Zblog升级了，我也不敢升级了，系统文件改了很多，怕升级了就出问题喽，现在也没时间折腾了。
  • 草儿
    #2 草儿 回复该留言 2010-6-6 17:35:44
    虽然我用的不是ZB，但还是要学习一下。
    diyidu 于 2010-6-6 18:02:58 回复
    哈，飘过即可，ZB没啥好学啊。
  • 老实人博客
    #3 老实人博客 回复该留言 2010-6-6 22:13:43
    对我来说，这些是高级的东西了~新手强烈建议不要做~
    diyidu 于 2010-6-6 23:19:59 回复
    呵呵，其实不高级：）
  • 快乐的村长
    #4 快乐的村长 回复该留言 2010-6-6 23:29:28
    能不用插件就不用插件。这样速度会更快。。貌似很废话啊，呵呵。。
    diyidu 于 2010-6-6 23:34:34 回复
    这个绝非废话，放心。
  • 兰妮
    #5 兰妮 回复该留言 2010-6-7 0:03:20
    这个要顶啊，我一直在搜呢。多谢低一度！
    diyidu 于 2010-6-7 0:04:49 回复
    不客气：）
  • 朵未
    #6 朵未 回复该留言 2010-6-7 21:14:42
    大哥对wp有研究不？以后用zb就到你这找方法。
    diyidu 于 2010-6-8 0:47:41 回复
    我以前是用WP的啊：）
  • 猪八戒
    #7 猪八戒 回复该留言 2010-6-7 21:42:08
    worpress用户简单看了几眼。
    diyidu 于 2010-6-8 0:48:07 回复
    欢迎围观。
  • 找牛拉犁
    #8 找牛拉犁 回复该留言 2010-6-8 4:26:36
    学习来了，折腾来了。
    diyidu 于 2010-6-8 13:02:08 回复
    别谦虚，多指教才是。
  • 小松
    #9 小松 回复该留言 2010-6-12 10:23:58
    呵呵，zb没用过，不过看来你是用得很娴熟了。
    diyidu 于 2010-6-12 10:26:04 回复
    略懂皮毛而已。
  • 网站seo
    #10 网站seo 回复该留言 2010-6-12 13:24:20
    呵呵，好像是一个专门讲Zblog的博客，这个功能我也是自己修改的，调用gravatar头像。
    diyidu 于 2010-6-12 15:16:17 回复
    Z-Blog只是其中一块内容吧，不是专门讲。
  • yaoming75
    #12 yaoming75 回复该留言 2010-6-28 15:47:35
    网站内容真不错！问个小问题：zblog的文章列表插件，我在single模板放置“最新发表”，发布一篇文章后我必须重建索引，新文章才能在“最新发表”显示。能不能实现不重建索引就能更新？
    diyidu 于 2010-6-28 16:03:12 回复
    很简单啊，你不要用INCLUDE标签，用巴士列表插件中的JS代码来调用列表就不会了。
  • yaoming75
    #13 yaoming75 回复该留言 2010-6-28 20:23:29
    diyidu 于 2010-6-28 16:03:12 回复
    很简单啊，你不要用INCLUDE标签，用巴士列表插件中的JS代码来调用列表就不会了。
    -------------------
    多谢回复！使用js代码，搜索引擎看不出js里的变化，也就没意义了！我的目的是要搜索引擎看到更新！
    diyidu 于 2010-6-30 12:20:49 回复
    那就老实点啊。每次更新后就重建。
  • 找牛拉犁
    #14 找牛拉犁 回复该留言 2010-6-29 21:10:18
    保存后上传覆盖原文件，然后对应侧边评论处的div，用css代码控制下头像的尺寸及位置等等。这个大家都会吧？

    桶哥能不能把代码写一下。还有放哪个位置。我是菜鸟一个。谢谢！
    diyidu 于 2010-6-30 12:21:35 回复
    有空再写给你：）
    找牛拉犁 于 2010-7-1 1:24:11 回复
    谢谢桶哥。
  • 伍海卫
    #15 伍海卫 回复该留言 2010-7-15 19:50:58
    已经用上了，十分感谢！
    diyidu 于 2010-7-17 22:23:52 回复
    不必客气。
  • 小屋
    #19 小屋 回复该留言 2010-10-15 23:59:53
    大哥，你的网站上的英文字体不好看。可阅读性一点儿都不好。
  • 巫术时代
    #21 巫术时代 回复该留言 2010-11-30 14:11:53
    就是图片和评论内容一起显示的那个控制图片和文字并排显示的CSS代码……手太新……
  • 巫术时代
    #22 巫术时代 回复该留言 2010-12-11 11:03:46
    最新留言的第二种调用方法

    strComments=strComments & "<li><a href="""& objArticle.Url & "#cmt" & objRS("comm_ID") & """ title=""" & objRS("comm_PostTime") & """>"+s+"</a><p>" & objRS("comm_Author") & " 于 " & objRS("comm_PostTime") & "</p></li>"

Add comment

验证码