Blogbus的tag输出方式是固定的，排列顺序由使用最多的到使用最少的，你可以设定显示tag的数目，为了更好的Tag Clouds效果，建议设置显示数目大点(太大了，也不是件好事，至于为什么，我待会再说)。正是因为Blogbus的封装处理，要hack这种Tag Clouds效果只能从javascript+CSS入手了 (注:此hack不适用于旧版blogbus模板系统)

JAVASCRIPT部分

<script type="text/javascript">
function tagClouds(id, maxsize, minsize) {
        if (!document.getElementById || !document.getElementsByTagName) return;
        if (!document.getElementById(id)) return;

        var taglist = document.getElementById(id);
        var tag = taglist.getElementsByTagName('li');
        var maxcount = parseInt(tag[0].getElementsByTagName('span')[0].firstChild.nodeValue.substring(1,3));
        var mincount = parseInt(tag[tag.length-1].getElementsByTagName('span')[0].firstChild.nodeValue.substring(1,3));
        var offset = (maxsize-minsize)/(maxcount-mincount);

        for (var i=0;i<tag.length;i++) {
                var count = parseInt(tag[i].getElementsByTagName('span')[0].firstChild.nodeValue.substring(1,3));
                var weight = (count-mincount)*offset+minsize;
                tag[i].getElementsByTagName('a')[0].style.fontSize = weight+'em';
        };
}

window.onload = function() {
        tagClouds('tags', 2.2, 1);
        //2.2 和 1 分别为TagClouds的最大字号与最小字号值，2.2表示是普通字号的2.2倍
}
</script>

上面这段代码加哪的话你还是看我第一篇hack吧。补充一点，如果你也用了我那个”保存评论框信息”的脚本的话，你可以把这两段代码都放到一个<script type="text/javascript"> ... </script>中间，两段window.onload可以合并为如下格式，并放到代码的最后面。

window.onload = function() {
        tagClouds('tags', 2.2, 1);
        rememberFormInputs('commentForm','input_',120); //另一个脚本程序
}

CSS部分

将以下代码加入到blogbus模板里的CSS处:

#tags ul li {display:inline;margin-left:6px;}

#tags ul li span{display:none;} /*如果你不希望显示诸如[36]的tag使用次数的话*/

HACK说明

hack思路解释

因为是hack，不是tutorial，我只说下前面那段javascript的思路就是了。求出最大使用频率tag与最小使用频率tag之间的使用数差值，然后通过你所设置的maxsize和minsize之差除以tag使用数差值求得位移量。利用for循环来算出每个tag比最小使用频率tag的位移量多多少，再赋予CSS中的font-size属性，实现字号的不同。

其中要注意的是，因为我用的是parseInt(*.substring(1,3))，意思是从那个类似于[36]的使用频率中截取出数字来，再把string转化为int型。也就是说，如果你自定义了[36]的显示方式为其他的，就可能需要重新调整substring(1,3)中的两个value了，substring的意思是截取第i+1个字符到第j个字符。例如你自定义的显示方式是||36||的话，那需要截取的是第3，第4个字符，substring(1,3)相应调整为substring(2,4)。

CSS中定义的#tags ul li {display:inline;}是为了实现横排，因为li默认是block级别，每一个li占了一行，而inline值只会占据其内容宽度。

你可以自己更改window.onload() ...中tagClouds('tags', 2.2, 1)后面的两个数值大小，它们一个是最大字号，一个是最小字号。我在javascript里设置的font-size用的是em单位，而不是px，因为em比px在字号控制上灵活的多。用px的话，我们只能设置整数值，而em的话，它其实是当前普通字号的倍数值，例如默认的li字号可能是12px，那么一个较大使用频率的tag，它的字号倍数是1.9的话，相应的大小就是12px*1.9=22.8px了，比起直接使用px灵活的多。我的blog上字号设置用的就都是em !

The Downside of this Script

正如我刚才说的，Tag的显示条目数并非越大越好，因为每增加一个tag显示条目数，就意味着程序要多运算一次。而Javascript的运算负担是完全由客户端来承担的，假如你用上千个tag，你把它们都显示出来的话，那浏览者在看你的页面时，光是载入运算那个javascript就要花上不少时间，一般来说，数十个tag还是可以接受的，别忘了电脑的运算速度比人脑快哦!

Blogbus最近改版一次后，新的模板系统不再允许修改评论框了，所有模板的评论框都是统一规范的，所以这个脚本适用于任何新版模板系统的任何模板，旧版的话我稍后补充。对于新版模板的话，你需要做的只是在header(前提是你先的启用自定义模板来修改)里加入以下代码:

<script type="text/javascript">
function setCookie(name,value,days) {
        if(days) {
                var date = new Date();
                date.setTime(date.getTime()+(days*24*60*60*1000));
                var expires = ";expires="+date.toGMTString();
        }
        else var expires = "";
        document.cookie = name+"="+value+expires+"; path=/";
}

function getCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for(var i=0;i < ca.length;i++) {
                var c = ca[i];
                while (c.charAt(0)==' ') c = c.substring(1,c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
        }
        return null;
}

function rememberFormInputs(form_id, prefix, days) {
        if(!document.getElementById(form_id)) return false;
        var form = document.getElementById(form_id);
        var inputs = form.getElementsByTagName('input');
        for (var i=0; i<inputs.length; i++) {
                var input = inputs.item(i);
                if (input.type == 'text') {
                        input.onblur = function() {
                                var name = this.name;
                                var value = this.value;
                                setCookie(prefix + name, value, days);
                        };
                        var old_value = getCookie(prefix + input.name);
                        if (old_value && old_value !='') {
                                input.value = old_value;
                        }
                }
        }
}

window.onload = function() {
        rememberFormInputs('commentForm','input_',120); //保存用户信息120天，你可以设置为更久
}
</script>

对于使用旧版模板系统的，因为模板的不同，并不能保证所有留言框都有名为commentForm的ID，你需要修改自定义模板里的Comment.Form模块，其中有这么一句:

<form method="post" action="<!-- ~ addcomment_url ~ -->" />

修改为:

<form method="post" action="<!-- ~ addcomment_url ~ -->" id="commentForm" />

然后在header里的</head>之上照旧添加上面那段代码就是了。

至于那段代码什么意思，我也懒的解释了，懂一点javascript的都能看懂，不懂的知道怎么用就行了 :D Keep in mind, this is NOT a tutorial, but a little hack

更新: 刚写了个GreaseMonkey小脚本，如果你装了Firefox和这个插件的话，再装上我这个脚本程序，以后无论你所访问的blogbus博客有没有添加我上面的那段script，使用的是新模板系统还是旧的，都能通过这个脚本程序保存你的信息。

脚本下载地址 : rememberTheName.user.js

糟糕的Tag体验

WP提供了原生的tag支持，不过这个the_tags()函数实在是有够弱的，一是它必须是strictly in the loop，而我的模板single page里的metadata都是显示在sidebar中的，the_category()，the_time()都能工作的很好，就the_tags()显示为空。我又不想把tag放到日志的loop里，最后只能在sidebar里做个rewind操作了，代码如下:

<?php if(is_single()) { ?>
<?php rewind_posts(); ?>
<?php while(have_posts()): the_post(); ?>
<h2 id="metadata">Metadata</h2>
<dl>
<dt>Metadata</dt>
<dd class="date" title="postdate"><?php the_time('Y.n.j') ?> / <?php the_time('ga') ?></dd>
<dd class="category" title="category"><?php the_category(', ') ?></dd>
<dd class="tag" title="tag"><?php the_tags('',', ','') ?></dd>
<?php endwhile; ?>
<?php } ?>

原本在UTW下，对于没有tag的日志可以指定相应的tag替代文字，例如”No Tag”，但是在WP里，the_tags()弱到没有tag也输出个null值来。我自然是希望在没有赋予日志tag的情况下，tag栏里显示”No Tag”信息啦。看了下wordpress wp-includes目录下的category-template.php文件里get_the_tags()函数，其中有这么一段:

if ( empty( $tags ) )
	return false;
return $tags;

get_the_tags()函数在没有找到tag的情况下会返回为false值。我把the_tags()的调用改成了以下这句，这样就能在没有tag的情况下显示”No Tag”了:

<?php if(!(get_the_tags())) echo 'No Tag'; else the_tags('',', ',''); ?>

删除UTW

用WP2.3导入了UTW的tag之后，就可以把UTW彻底移出了，UTW在数据库里添加了wp_post2tag, wp_tag_synonyms, wp_tags 这三个表，在mysql里用以下命令直接删除吧(建议先备份数据库):

mysql> DROP TABLE wp_post2tag,wp_tag_synonyms,wp_tags;

插件相关

不喜欢WP-PageNavi新版自作多情添加CSS样式文件，我的CSS文件都是用gzip压缩过的了，再说我更愿意自己定义WP-PageNavi的样式。编辑pagenavi.php文件，注释掉以下这段就是了:

### Function: Page Navigation CSS
#add_action('wp_head', 'pagenavi_css');
#function pagenavi_css() {
#       echo "\n".'<!-- Start Of Script Generated By WP-PageNavi 2.20 -->'."\n";
#       echo '<link rel="stylesheet" href="'.get_option('siteurl').'/wp-content/plugi
ns/pagenavi/pagenavi-css.css" type="text/css" media="screen" />'."\n";
#       echo '<!-- End Of Script Generated By WP-PageNavi 2.20 -->'."\n";
#}

Tiger Style Administration是个很漂亮的WP后台主题，不过在2.3下显示似乎有点问题，最明显的就是footer位置偏了。我稍微修改了下它的css文件，喜欢这个插件的又想在2.3下正常使用的直接下载我修改过的CSS文件吧。