[Blogger] 메뉴 트리 가젯 만들기 (블로그스팟 블로거)_Tree label_-라벨로 메뉴 트리구조 만들기-

[Blogger] 메뉴 트리 가젯 만들기 (블로그스팟 블로거)_Tree _-라벨로 메뉴 트리구조 만들기-

블로거 관리페이지 >> 레이아웃 >> 가젯추가 >> html/javascript 선택 >> 메뉴제목 입력 

/ 콘텐츠에 아래내용 복붙 >> 맨아래 주소참고하여 커스텀


<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 + '?max-results=1&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 = 'http://creatorhong.blogspot.com';

 var tip = new Category('category-tip','tip','tip');

 var blog = new Category('category-blog','blog', 'blog');

 var gp = new Category('category-gp', 'google%20%2B', 'gp');

 var plan = new Category('category-plan','plan','plan');

 var euler = new Category('category-euler', 'uler', 'euler');

 var chat = new Category('category-chat','잡담','chat'); 

 var trip = new Category('category-trip','여행','trip');

</script>


<div id='category' class='G1s'>

 <ul>

  <li class='categoryl1'>

    <a id='category-tip' href='/search/label/tip?max-results=1'>Tip</a><ul>

   <li class='categoryl2'>

    <a id='category-blog' href='/search/label/blog?max-results=1'>Blog</a></li>

   <li class='categoryl2'>

    <a id='category-gp' href='/search/label/google%20%2B?max-results=1'>Google +</a></li>

   <li class='categoryl2'>

    <a id='category-plan' href='/search/label/plan?max-results=1'>Plan</a></li>

  </ul></li>

  <li class='categoryl1'>Study<ul>

   <li class='categoryl2'>

    <a id='category-euler' href='/search/label/euler?max-results=1'>Project Euler</a></li>

  </ul></li>

  <li class='categoryl1'>일상 이야기<ul>

   <li class='categoryl2'>

    <a id='category-trip' href='/search/label/여행?max-results=1'>여행</a></li>

   <li class='categoryl2'>

    <a id='category-chat' href='/search/label/잡담?max-results=1'>잡담</a></li>

  </ul></li>

 </ul>

</div>

https://blog.g1s.kr/2012/03/bolgger.html

댓글

T O P