您现在的位置是：首页 - zblog技巧 - 正文

zblog tags标签云生成方法介绍

首先我们现在首页 default.html 文件中加上以下代码

<H2><SPAN>TAGS</SPAN>标签云</H2>
<DIV CLASS="S">
<UL>
<#CACHE_INCLUDE_TAGS#>
</UL>
</DIV>”

Zblog默认的TAG列表用的是<LI>排列的，一旦很多Tags列表就很长很长,影响了页面的美观,并且也不方便用户浏览整个网页,因此我们借鉴WordPress的做法:TagCloud,让他们紧密排列起来.其实很简单,就是把li样式给去掉。

修改步骤：
1,打开FUNCTION目录下的c_system_base.asp文件,找到以下代码:

Function BlogReBuild_Tags()

上面一行是生成TAG的函数
然后紧跟下来找到如下代码, 这是是生成TAG列表的

Set objRS=objConn.Execute("SELECT * FROM [blog_Tag] ORDER BY [tag_Count] DESC,[tag_ID] ASC")
If (Not objRS.bof) And (Not objRS.eof) Then
Do While Not objRS.eof
   If j=i Then Exit Do
   strTag=strTag & "<li><a href="""& Tags(objRS("tag_ID")).Url & """>"+Tags(objRS("tag_ID")).Name + " <span class=""tag-count"">(" & Tags(objRS("tag_ID")).Count & ")</span>" +"</a></li>"
   objRS.MoveNext
   j=j+1
Loop
End If
objRS.Close
Set objRS=Nothing

注意了:上面中间一行红色的就是我们现在要修改的内容..(如果各位博客不懂ASP,其它的代码不要动..)

2.首先删掉两边的<li>和</li>标签..这样TAG就横行排列了..这样做的目的是让那些不熟悉CSS的朋友方便修改.代码变成如下..
strTag=strTag & "<a href="""& Tags(objRS("tag_ID")).Url & """>"+Tags(objRS("tag_ID")).Name + " <span class=""tag-count"">(" & Tags(objRS("tag_ID")).Count & ")</span>" +"</a>"

然后进行文件重建操作，就会有如下的效果了。