您的位置 » 首页 » 网站技术 » Z-Blog摘要实现首个tag图文混排

Z-Blog摘要实现首个tag图文混排

作者: 蓝莓绿茶 | 分类: 网站技术 | 播种日:2010年05月21日 |

月光在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下测试均显示正常。最后重建所有文件,就可以生成一个正确的列表。

文本标签:, , ,
本文地址:http://eccolor.cn/z-blog%e6%91%98%e8%a6%81%e5%ae%9e%e7%8e%b0%e9%a6%96%e4%b8%aatag%e5%9b%be%e6%96%87%e6%b7%b7%e6%8e%92.html
除非注明,本站所有文章皆为原创,转载请以链接形式标明本文地址

马上分享给你的朋友吧~

已有 14 条评论!
  1. 郑州seo  ( 2010.08.17 10:42 ) : 1楼

    恩,不错的发现,分享了!

    回复
  2. 甜甜  ( 2010.08.17 10:42 ) : 2楼

    恩,不错的发现,分享了!

    回复
  3. 甜甜  ( 2010.08.17 10:42 ) : 3楼

    恩,不错的发现,分享了!

    回复
  4. 甜甜  ( 2010.08.17 10:42 ) : 4楼

    恩,不错的发现,分享了!

    回复
  5. 甜甜  ( 2010.08.17 10:42 ) : 5楼

    恩,不错的发现,分享了!

    回复
  6. louisvuitton  ( 2010.06.27 01:19 ) : 6楼

    写的真好….

    回复
  7. louisvuitton  ( 2010.06.27 01:19 ) : 7楼

    写的真好….

    回复
  8. louisvuitton  ( 2010.06.27 01:19 ) : 8楼

    写的真好….

    回复
  9. louisvuitton  ( 2010.06.27 01:19 ) : 9楼

    写的真好….

    回复
  10. louisvuitton  ( 2010.06.27 01:19 ) : 10楼

    写的真好….

    回复
icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif 

Back to Top
E-Mail
Oicq
Back to Bottom