親愛的，我把標籤雲變文章選台器了

標籤雲（label cloud），一直都是個非常有趣的部落格產物，到底是誰先把它叫做標籤雲，到底這樣的顯示方式有什麼地方吸引愛好爬格子的部落客們，到底這是不是個重看不重用的廢物元素，到底...%^*&

好，現在大家都知道 LVCHEN 問題很多，但這不是今天我們討論的重點（問題還是 LVCHEN???），重點是...各位觀眾，我把標籤雲變成文章選台器了。

請看側邊欄的展示：

咦，標籤雲呢？試試按下選擇標籤按鈕吧！

然後隨便選一個標籤按下去，看看會發生什麼好玩的事？

哈哈，從此之後，還有誰敢說標籤雲只是擺著好看一點用也沒有？！

而且，有了這個最新文章結合標籤雲的外掛，從此 NEO 的使用者再也不能偷笑啦！

安裝方式非常簡單，只要把下面那一行放在任何地方

<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1_pack.js"></script>

請注意：不一定要標籤雲，只要是未修改過網頁元素的標籤列表或是標籤雲都應該可以成功運作，如果你曾對你的標籤做過特別的修改，可能會失敗（請回報給我，我再下一版試試讓它相容），不過你可以另外新增一個標籤網頁元素，然後參考參數設定，指定好新增的標籤的元素 ID，例如：
tagListSetting.labelName = 'Label2';

因為用到 jQuery，所以沒有玩過阿土伯的 blogger 外掛，或是 LVCHEN 的最新回應的朋友，請一定要裝。只要多加一行在前面，就像下面那樣

<script type="text/javascript" src=http://lvchen-recentcomments.googlecode.com/files/jquery-1.1.4.pack.js></script>
<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1_pack.js"></script>

關於 jQuery 有一點一定要提一下，雖然個外掛本身是 jQuery 1.2 相容的，但因為 Recent Comment 1.6 版對 jQuery 1.2 有點過敏，所以若是兩個外掛同時使用，請先不要升級到 1.2 版，等下一版的加強型 Recent Comment 完成後再升級吧，造成大家的不方便真的很抱歉啊。

然後原始碼也開放給大家自己玩：外掛原始碼

這外掛的原始碼很短，對於想要破解 LVCHEN 最新回應外掛的朋友，應該是很好的練習。

這次的安裝實在是太簡單了（只有一行耶），誰敢跟我要無腦安裝的...把我的聖誕禮物準備好，我再考慮考慮

 

至於參數設定啊...基本是不用滴，僅給有需要的人與進階使用者參考：

tagListSetting.postShow: 每頁顯示文章數，預設為 5 篇
tagListSetting.labelName: 標籤 Widget 的名稱，預設是 Label1
tagListSetting.defaultPost: 預設載入的標籤，預設為最新文章（空字元）
tagListSetting.loadingImage: 載入時的文字與圖片，可以使用 HTML 語法
tagListSetting.headerButton: 是否顯示標籤按鈕 (true/false)
tagListSetting.tagsShow: 是否預設展開標籤雲 (true/false)
tagListSetting.lineHeight: 設定標籤雲字間的高度，免得字大的時候疊在一起，預設為 24

例如想要把每頁顯示的文章設成 10 篇，預設顯示「美國留學生活」標籤，然後直接展開標籤雲，就在外掛後面加上：

<script>
    tagListSetting.postShow = 10;
    tagListSetting.defaultPost = '「美國留學生活」';
    tagListSetting.tagsShow= true;
</script>

至於可設定的樣式嘛...當然也有啦：

#headerBlock：按鈕區塊樣式

.buttonStyle：選擇用的按鈕樣式

#postsList：文章標題顯示區塊

#footerInfo：換頁按鈕與訊息區塊

下面是外掛架構圖，供 CSS 進階設定者參考。

<div id="label1">
    <div id="headerBlock">  <!-- 按鈕區塊 -->
        <span class ="buttonStyle"></span><span class ="buttonStyle"></span><!-- 選擇標籤用的按鈕 -->
    </div> 
    被隱藏的標籤雲
    <div id="postsList"> <!-- 文章標題顯示區塊 -->
        <ul> <li></li><li></li></ul> <!-- 文章列表 -->
    </div>
    <div id="footerInfo"> <!-- 換頁按鈕與訊息區塊 -->
        頁面訊息 <a></a><a></a> <!-- 換頁按鈕 -->
    </div>
</div>

 

還有...真的真的很討厭標籤雲的朋友，其實 LVCHEN 也做了個不需要用到標籤的外掛，但是設定上複雜了些（至少需要兩行！），所以等 LVCHEN 的無腦安裝寫好再說吧！

好了，就這樣吧，大家有使用上的問題或是意見，請直接留言。

本外掛使用 Open Source 開放原始碼授權，歡迎下載未壓縮版本自行研究修改，如果修改後要發佈，請留言通知，或在發表的版本中引用這篇文章。

希望大家用的愉快。