重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容

2009年4月3日星期五

文章分类(标签)太多,怎么能分两行

有些博客上的分类标签太多,可是显示的是一列,空的很多大的空间,怎么能让他变两行或更多呢?
更動之前,首先也需備份你的模板,進入blogger後台→修改HTML→勾選展開小裝置範本,找到以下這一行,

<b:widget id='Label1' locked='false' title='文章分類' type='Label'>

或是label1這個關鍵字,按下ctrl+F,就會跳出搜尋框。

看到下面的

<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>




<ul>改成<ul id="tags">

再將

<span dir='ltr'>(<data:label.count/>)</span>

置換成以下這行

<data:label.name/> (<data:label.count/>)

(),代表的是這個分類的文章數量,如果不想顯示可以拿掉。
因為我們在上面增加了一個id為tags,所以要在css裡追加這個tags的定義,

.sidebar #tags li {
float:left;
width:90px;
}


寬度就視你的邊欄寬度除以2,大概再減20px左右,譬如我的欄位為430px,我的寬度設定為190剛好可容納,可以自己慢慢調整,如果你的欄位更寬,譬如600px,寬度你設180px,也可將分類弄成3行的情況。

另外如果你的標籤會重複出現兩次,記得將

<data:label.name/> (<data:label.count/>)

前面的

<data:label.name/>移除,只剩下(<data:label.count/>)

即可,這是我自己測試的結果,因為每個模版的結構有些不同,所以還是要自己找到問題點慢慢修正,因為我測試過另一個網站並沒有這種情形,而是正常的執行。

最後記得,如果你將新增小工具裡的標籤移除後,要重新放上標籤時,上面的html語法要重新再裝上才能生效,有興趣的朋友可以試看看。



0 评论:

发表评论

  © 广告业务联系站长:wj9931@gmail.com 或 QQ42032058.