在部落格的編排裡，文章分類通常是常常的一串，佔用相當長的版面，如果你的側欄元素不多，或許可撐些場面，感覺部落格豐富許多，但每個格主的要求不同，有人喜歡簡潔、有人喜歡掛滿各式小元件，這時網路上相關功能就能視自己需要而派上用場了。
這裡要介紹的是不用使用Hacks的JavaScript語法就能達成的，也讓網頁減少載入Hacks的負擔，讓一長串的文章分類能夠變成兩行，讓畫面簡潔一些，也讓讀者較能在一個頁面上迅速找到自己想看的分類。
做這個變動之前，建議放標籤、Lable的欄位要寬，至少250px到350px之間甚至更寬，除非你的標籤是英文或是短短的幾個中文字，否則以180px寬度來容納兩行標籤，會有種太擁擠的感覺。
更動之前，首先也需備份你的模板，進入blogger後台→修改HTML→勾選展開小裝置範本，
找到以下這一行，
<b:widget id='Label1' locked='false' title='文章分類' type='Label'>
看到下面的
<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">
再將
<data:label.name/> (<data:label.count/>)
(<data:label.count/>)，代表的是這個分類的文章數量，如果不想顯示可以拿掉。
因為我們在上面增加了一個id為tags，所以要在css裡追加這個tags的定義，
.sidebar #tags li {
float:left;
width:70px;
}
寬度就視你的邊欄寬度除以2，大概再減20px左右，譬如我的欄位為430px，我的寬度設定為190剛好可容納，可以自己慢慢調整，如果你的欄位更寬，譬如600px，寬度你設180px，也可將分類弄成3行的情況。
另外如果你的標籤會重複出現兩次，記得將
<data:label.name/> (<data:label.count/>)
前面的
<data:label.name/>移除，只剩 (<data:label.count/>)
即可。
最後記得，如果你將新增小工具裡的標籤移除後，要重新放上標籤時，上面的html語法要重新再裝上才能生效，有興趣的朋友可以試看看。
訂閱
回應
