2009年1月5日星期一

在Blogger(Blogspot)里添加标签云(Tag Cloud)

前言:现在的blog里能添加的控件越来越多,在Web2.0的时代,标签云是一个重要的标志,也有一个很炫的界面。遗憾的是目前Blogger里面并没有很好的Widget(工具)来生成如下羡慕的标签(tag):




不过好在修改代码是可行的。我用PhyDeaux3的办法就可以生成右边的标签云了:)
http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html


具体(中文)步骤,转自色彩斑斓

请于修改之前备份你的模板。Step1:我们知道,Blogger beta的代码分为三部分:样式表、布局、Widget。第一步我们不需要展开代码,添加CSS代码。找到 ]]></b:skin> ,并将CSS添加在其之前。

/* Label Cloud Styles----------------------------------------------- */#labelCloud {text-align:center;font-family:arial,sans-serif;}#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}#labelCloud a{text-decoration:none}#labelCloud a:hover{text-decoration:underline}#labelCloud li a{}#labelCloud .label-cloud {}#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}#labelCloud .label-cloud li:before{content:"" !important}

没有评论:

发表评论