2010年1月22日 星期五

文章分類工具

Blogger 雖然提供標籤小工具來做文章分類的功能,但是不提供多重(層)的分類
在網路上找到一些做法 但有的不管用, 有的或是須要外部網站的書籤功能
於是就自己寫了一個簡單的二層式文章分類清單



步驟一
打開版面配置,加入標籤這個小工具, 一定要設定為用按字母排序
顯示設定不重要等下一步的script只會以清單表現

步驟二
選擇"修改HTML" 並鉤選"展開小裝置範本"
找到步驟一新加的小工具 找像下列的字串

<b:widget id='Label2' locked='false' title='標籤' type='Label'>
一直到
</b:widget>
為止

步驟三
將上述範圍內的內容改為:
<b:widget id='Label2' locked='false' title='測試' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
      <ul>
      <script>
         var _tag='';
         var _newtag=false;
      </script>    
      <b:loop values='data:labels' var='label'>
      <script>
         var _name='<data:label.name/>';
         var _cnt='<data:label.count/>';
         var _newtag='';
         if(_name.substring(0,1)=='['){
                var _tmp = _name.substring(1, _name.length);
                var _newtag = _tmp.split(']')[0];
               
                if(_newtag != _tag){
                   _tag=_newtag;
                   document.write('<li><span><b>'+_tag+'</b></span></li>');
                }
                _name = "&lt;img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGgCsb_xHE9hMaM4GUcoVdTiFC7vbbbJAdUf_wgi3_ihU641TPV4ZlFNNnij35MsYKwxx2nlYmPXEmZECqrmAF52WbfJSZdvL9az7vfEH5U64jGd__1WJ8hlyhDOMMO9pG442uJLGS2-Y/s1600/icon-yellow-bullet.png' /&gt;"+_name.substring(_tag.length+2,_name.length);
         }
        document.write("<li>");    
        document.write("<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>"+_name+"</a>");
        document.write("<span dir='ltr'>("+_cnt+")</span>");
        document.write("</li>\n");    
      </script>    
      </b:loop>
      </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>


步驟四
按下儲存範本就完成了


步驟五
使用以下的格式作為文章的標籤
[分類]標籤

程式會自動抓出[分類]的內容列表

目前清單是全部展開的 有時間再把它改成可以關閉的方式

分類工具第二版已經推出 前往第二版

0 回覆::