Blogger 10週年慶（一）：Label Cloud

從換了工作之後，Josh就比較沒有時間在更新Blog，話說前一陣子，Bloger歡慶10週年，一連推出了好幾項Blogger使用者早就想要有的功能，而Blogger終於聽到了眾多使用者的需求，今天先開始這第一彈–Label Cloud（標籤雲）。

以往要實現Label Cloud，往往要透過jQuery、flash、javascript，但多少會影響到頁面讀取的速度，如今官方正式支援Label Cloud，將使頁面讀取的速度能夠提升，這個功能在一般的資訊主頁即可設定，所不需再登入Blogger in Draft。

如果你之前曾用過別的方法來實現Label Cloud，先把原來的Label Cloud刪除（移除），接著再新增小工具，選擇新增「標籤」，選擇顯示「雲端」，如下圖：

另外Blogger還新增一個功能，就是能讓你選擇不想顯示出來的標籤，只要選擇「顯示選取的標籤」，會出現「編輯」的選項，點選後就能自行挑選想要顯示的標籤，儲存之後Label Cloud就會出現。

如果上述方法行不通，那就只有透過修改原始碼的方式了；首先進入版面配置–修改HTML–展開小裝置，尋找：
<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
紅字部份請自行修改為你Blog上標籤的標題。
在上列程式碼的下方，有以下的程式碼：
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<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>
<b:include name='quickedit'/>
</div>
</b:includable>
接著以下列程式碼取代：
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<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>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size-" + data:label.cssSize'>
<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>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
接著儲存即可。

Label Cloud只是十週年慶的第一個禮物，接著還有更多的驚喜，敬請期待。