2009年9月24日

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只是十週年慶的第一個禮物,接著還有更多的驚喜,敬請期待。

沒有留言:

張貼留言