구글 블로그는 티스토리 처럼 뭔가
쉽게 되는게 없다. 카테고리
까지도 만들어야 하다니 HTML을
만드는 방법은 많지만 이걸
구연하는게 왤케 또 힘든지
가장 고민하던 부분을 공유합니다.
화면에 보이는 화면을 보려고 이것저것 해봐도
소스는 어디에 넣어야 하는지
오류의 연속
그러다 찾았지요
이분의 자세한 내용이 담긴 설명
https://kinanadel.blogspot.kr/2017/09/hideshow.html
하지만 문제는 HTML 코드를 모르는 나에게
또다른 산
저처럼 3일동안 고생하지 마시라고
소스 공유합니다
수정해서 사용하세요
<li>
<a id='cate-all' href='본인 홈페이지 주소'>All </a>
</li>
<li class='cate1'>
<a id='IT' href='/search/label/it'>Information </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><a id='deta-102' href="/search/label/tip?"> Tip </a></li>
<li><a id='deta-103' href="/search/label/cook?"> Cook </a></li>
<li><a id='deta-104' href="/search/label/program?"> Program </a></li>
<li><a id='deta-105' href="/search/label/video?"> Video </a></li>
</li></ul></div></li>
<li class='cate2'>
<a id='LA' href='/search/label/la?'>Landscape Architecture </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><a id='deta-112' href="/search/label/tree?"> Tree </a></li>
<li><a id='deta-113' href="/search/label/flower?"> Flower </a></li>
<li><a id='deta-114' href="/search/label/data?"> Landscape Data </a></li>
</li></ul></div></li>
<li class='cate3'>
<a id='DA' href='/search/label/da?'>Daily Life </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><a id='deta-122' href="/search/label/life?"> Life </a></li>
<li><a id='deta-123' href="/search/label/works?"> Boseuk Works
</a></li>
<li><a id='deta-124' href="/search/label/travel?"> Family Travel </a></li>
<li><a id='deta-125' href="/search/label/photo?"> Picture </a></li>
</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 = '본인 홈페이지 주소';
var postAll = new TotalPostCnt('cate-all','All','postAll');
var cate1 = new Category('IT','it','cate1');
var cate2 = new Category('LA','la','cate2');
var cate3 = new Category('DA','da','cate3');
var deta102 = new Category('deta-102','tip','deta102');
var deta103 = new Category('deta-103','cook','deta103');
var deta104 = new Category('deta-104','program','deta104');
var deta105 = new Category('deta-105','video','deta105');
var deta112 = new Category('deta-112','tree','deta112');
var deta113 = new Category('deta-113','flower','deta113');
var deta114 = new Category('deta-114','data','deta114');
var deta122 = new Category('deta-122','life','deta122');
var deta123 = new Category('deta-123','works','deta123');
var deta124 = new Category('deta-124','travel','deta124');
var deta125 = new Category('deta-125','photo','deta125');
</script>
주의 하셔야 할 부분만 진한 글귀
작성했습니다
끝~
