Categories


Tags


Z-Blog相关文章图文列表

之前很多平台都提供这样的插件,在文章的结尾出现一个相关文章列表,相关文章列表页都带有 1-10 张不等的缩略图,而我们独立博客却少有这样的插件,通常只有纯文字方式的相关文章列表,本文就介绍一下Z-Blog如何实现带图片的相关文章列表功能。

先安装一个名为FirstIMG的插件,之后,修改zb_system/function/c_system_lib.asp文件的Export_Mutuality函数,开头增加一行 Dim ArticleFirstIMG

在 strCC_Title=objArticle.Title 一行的后面,增加如下代码:

ArticleFirstIMG=FirstImg_GetImgSrc(objArticle.Content)

If ArticleFirstIMG <> "" Then

ArticleFirstIMG="<img class=""firstimg"" src=""" & ArticleFirstIMG & """/>"

Else

ArticleFirstIMG="<img  class=""firstimg"" src=""<#ZC_BLOG_HOST#>zb_users/PLUGIN/FirstIMG/NoImages.jpg""/>"

End If

之后在 strCC=Replace(strCC,"<#article/mutuality/name#>",strCC_Title) 后面增加一行

strCC=Replace(strCC,"<#article/mutuality/firstimg#>",ArticleFirstIMG)

之后修改模板的style.css文件,在文件结尾增加如下css

/* Related Posts */

ul.related-posts {

clear:both;

padding:0;

margin:10px 0px 0px 0px;

}

ul.related-posts li{

display:inline-block;

margin-left:5px;

padding:0;

text-align:center;

vertical-align:top;

width:195px;

}

ul.related-posts img{

background:#F7F7F7;

clear:both;

height: auto;

width:186px;

-moz-box-shadow:2px 2px 3px 1px #999;

-webkit-box-shadow: 2px 2px 3px 1px #999;

box-shadow:2px 2px 3px 1px #999;

}

ul.related-posts img:hover {

filter: alpha(opacity=50);

opacity: 0.5;

}

ul.related-posts a{

border:none;

clear:both;

display:block;

text-decoration:none;

}

ul.related-posts li{

font-size:12px;

overflow: hidden;

text-overflow: clip;

white-space: nowrap;

}

然后修改b_article_mutuality.html模板,模板内容为

<li><a href="<#article/mutuality/url#>"><#article/mutuality/firstimg#></a><a  href="<#article/mutuality/url#>"><#article/mutuality/name#></a></li>

修改b_article-single.html模板,在适当的位置增加相关文章代码

<h4 id="mutualitybox"><#ZC_MSG231#></h4>

<ul class="related-posts">

<#template:article_mutuality#>

</ul>

然后重建文章即可,最终相关文章的展示样式参见下图所示。

来源:月光博客


Public @ 2012-02-24 15:44:59

域名的管理机构有哪些?

目前,国际域名注册现在是由一个来自多国私营部门人员组成的非盈利性民间机构:国际域名管理中心Internet Corporation for Assigned Names and Numbers(ICANN)统一管理,具体注册工作也是由通过ICANN授权认证的各代理商执行。而国内域名注册统一由中国互联网络信息中心:CNNIC进行管理,具体注册工作由通过CNNIC认证授权的各代理商执行。

Public @ 2022-02-04 16:00:15

怎样去选择一个适合自己的虚拟主机?

常见的网站主机有:共享主机、独立主机、vps主机主要可以根据你的建站的需求,我们可以根据自己网站的实际情况,比如网站需要空间大小、网站规模、网站访客流量等,来选择适合自己网站的主机类型。一、虚拟主机速度这个是我们最关心的,一般的虚拟主机服务商都有演示的IP或者站点,咱们就可以Ping它,看它的链接速度如何,一般的话国内的60MS,国外的200MS左右的话都算正常的,当然这个只是一个大方面,还需要打

Public @ 2015-09-02 15:25:59

常用博客SEO优化技巧

博客的SEO优化其实并不是特别重要,因为博客的关键在于内容,内容为王,有了优秀而独特的内容,就很容易取得较好的排名。当然,使用一些常用的SEO优化技巧也可以更好的改善排名。这里我以Z-Blog为例介绍一下常用的博客SEO优化技巧。1、博客要经常更新,保证每周至少更新两次,新鲜的内容有利于搜素引擎的排名。2、使用静态化HTML文件,每一篇日志都创建一个HTML文件,对于Z-Blog来说,还可以启用“

Public @ 2020-01-15 15:44:58

更多您感兴趣的搜索

0.425663s