當 Blogger 中的文章一多，標籤也跟著變多，而 Blogger 的標籤元件就會變得落落長，不好看也不好搜尋。

這時候如果改成 “標籤雲” 就會是一個不錯的作法。在標籤雲中運用字體大小及顏色的變化，就可以很快的找你要的標籤。

修改步驟

1. 編輯 Blogger 樣板，並 “展開小裝置範本”。
2. 在 <Style> 區塊內加入:

   #Label1 ul { font-family:Arial; padding:0px; text-align:justify; }
   #Label1 li { display:inline; }

3. 搜尋 </head>，在上一行加入:

   <script>
   function parseTag(){
     var tagA = document.getElementsByTagName('a');
     for(var i=0; i<tagA.length; i++){
       if(tagA[i].id == 'tag'){
         var tag = tagA[i];
         var width = tagA[i].title;
         tag.style.fontSize = 14 + parseInt(width/5);
         tag.style.color = 'rgb(0,0,' + width*5 + ')';
       }
     }
   }
   </script>

   其中的第 8 行可用來調整字體大小，第 9 行用來調整顏色變化。

4. 繼續搜尋 <body>，在標籤內的 onload 事件加入:

   parseTag();

5. 繼續搜尋:

   <li>
     <b:if cond='data:blog.url == data:label.url'>
       <data:label.name/>
     <b:else/>
       <a expr:href='data:label.url'><data:label.name/></a>
     </b:if>
     (<data:label.count/>)
   </li>

   取代成:

   <li>
     <b:if cond='data:blog.url == data:label.url'>
       <a id="tag" expr:title='data:label.count' expr:href='data:label.url'><u><data:label.name/></u></a>
     <b:else/>
       <a id="tag" expr:title='data:label.count' expr:href='data:label.url'><data:label.name/></a>
     </b:if>
   </li>

6. 存檔完成。