[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>
댓글
댓글 쓰기