Blogger에서 태그를 이용해 카테고리 만들기

아직 게시글이 없어서 적용하지 않았는데, 추후 적용할 때를 대비해 메모...

<div id='category' class='ggachiCategory'>
   <li class='cate'>
      <a id='cate-all' href='https://jeong-ggachi.blogspot.com/'>All </a>
   </li>
   <li class='cate'>
      <a id='category-IT' href='/search/label/IT?'>IT</a>
      <a href='javascript:void(0)' onclick="this.innerHTML=(this.nextSibling.style.display=='none')?'▲':'▼';this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none'";>▼</a><div style='display:none'>
           <ul>
     <li></li>
           <li><a id='deta-101' href="/search/label/C%23?">      C# </a></li>
     <li><a id='deta-102' href="/search/label/Java?">      Java </a></li>
     <li><a id='deta-103' href="/search/label/Python?">      Python </a></li>
     <li><a id='deta-104' href="/search/label/Windows?">      Windows </a></li>
     <li><a id='deta-105' href="/search/label/Linux?">      Linux </a></li>
     <li><a id='deta-106' href="/search/label/IT미분류?">      기타 </a></li>
           </ul>
         </div>
   </li>
   
 <script>
  function Category(id, label, name)
  {
    this.a = document.getElementById(id);
    this.label = label;
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.charset = 'utf-8';
    script.src = home + '/feeds/posts/summary/-/' + label + '?&alt=json-in-script&callback=' + name +'.pong';
    document.getElementsByTagName('head')[0].appendChild(script);
    
    this.pong = function(cfeed){
     var cnt = cfeed.feed.openSearch$totalResults.$t;
     this.a.innerHTML = this.a.innerHTML + '(' + cnt + ')';
    };
  }

  function TotalPostCnt(id, label, name)
  {
    this.a = document.getElementById(id);
    this.label = label;
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.charset = 'utf-8';
    script.src = home + '/feeds/posts/summary/?&alt=json-in-script&callback=' + name +'.pong';
    document.getElementsByTagName('head')[0].appendChild(script);
    
    this.pong = function(cfeed){
     var cnt = cfeed.feed.openSearch$totalResults.$t;
     this.a.innerHTML = this.a.innerHTML + '(' + cnt + ')';
    };
  }

  var home = 'https://jeong-ggachi.blogspot.com/';
  var postAll = new TotalPostCnt('cate-all','All','postAll');
  var cate1 = new Category('category-IT','IT','cate1');
  var deta101 = new Category('deta-101','C%23;','deta101');
  var deta102 = new Category('deta-102','Java','deta102');
  var deta103 = new Category('deta-103','Python','deta103');
  var deta104 = new Category('deta-104','Windows','deta104');
  var deta105 = new Category('deta-105','Linux','deta105');
  var deta106 = new Category('deta-106','IT미분류','deta106');
 </script>
</div>