月光在2007年发布的《Z-Blog实现摘要图文混排效果的方法》中,说实现这种版式的前提条件是,每篇文章有且只能有一个Tag,每个Tag都有一个对应的图片文件,如果没有图片,可以使用一个1像素的GIF图片来代替。
一直都在用这种方法,但是总觉的tag太少,影响SEO.今天终于发现了一个方法,可以同时实现摘要图文混排效果,又可以在文中显示多个tag的方法。主要思路是利用标签: <#article/firsttagintro#> (第一个tag摘要,将摘要设置图片链接,可做自动图文混排 ),tag图片只用第一个,其它正常显示即可。
==================适合Z-Blog 1.8版:======================
1..还原TEMPLATE/b_article_tag.html文件(当然,只是针对已经用过月光方法的tx,没用过图文混排的tx可以不管这一步),修改为如下内容:
<a href="<#article/tag/url#>" target="_blank"><#article/tag/name#></a>
2..修改TEMPLATE/b_article-multi.html文件,将原来的 <#article/intro#>修改为
<a href="<#ZC_BLOG_HOST#>catalog.asp?tags=<#article/firsttagintro#>"> <img src="<#ZC_BLOG_HOST#>logo/<#article/firsttagintro#>.gif" alt="<#article/firsttagintro#> " class="thumb" />
</a> <#article/intro#>
3..修改TEMPLATE/b_article-single.html文件,将原来的 <#article/content#> 修改为
<#template:article_tag#><#article/content#><a href="<#ZC_BLOG_HOST#>catalog.asp?tags=<#article/firsttagintro#>">
<img src="<#ZC_BLOG_HOST#>logo/<#article/firsttagintro#>.gif" alt="<#article/firsttagintro#> " class="thumb" />
</a><#article/content#>
4..进入Tags管理,给每个Tags增加一个摘要,内容为一个英文单词,用于图片文章名。然后,在Blog的根下建立一个名为logo的目录。将上面命名的文件名增加.gif后缀后复制到这个目录下。
修改STYLE目录下的CSS文件,增加如下内容:
div.post-body img.thumb {
float: right;
margin: 4px 4px 4px 4px;
padding: 0px;
border: 0px;
padding: 0px;
max-width: 500px;
max-height:500px;overflow:hidden;
clear:both;
}
5.在需要的地方加入代码:标签:<#template:article_tag#>,即可以显示所有的tags了。例如可以加在文章后面。
以上的CSS代码在IE和FireFox下测试均显示正常。最后重建所有文件,就可以生成一个正确的列表。
恩,不错的发现,分享了!
恩,不错的发现,分享了!
恩,不错的发现,分享了!
恩,不错的发现,分享了!
恩,不错的发现,分享了!
写的真好….
写的真好….
写的真好….
写的真好….
写的真好….