이전에 사이드바의 링크 목록을 접었다 폈다 하는 방법을 포스팅 했었다 블로그를 운영하다 보면 사이드바에 은근히 이것 저것 주렁 주렁 달리게 마련인데, 좁은 공간을 조금이라도 효율적으로 사용하기 위함이었다
그 포스팅 이후로 archives도 똑같이 적용하는 방법을 묻는 분이 몇몇 있었는데, 포스팅 한다는걸 잊어 버리고 있었다 (^^;;;) 어제 어떤 분이 또다시 묻길래 이번엔 잊지 않고 포스팅을 한다
archives도 링크의 코드와 거의 비슷하다 (아래 첨부 파일로 올려 놓았으니 그걸 받아서 쓰세요)
archive_코드01.txt <div class="archives">
<h3 onclick="javascript:show_hide_div('as_div');">Archives</h3>
<br/>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_archive_rep>
<option value=""> ()</option>
</s_archive_rep>
</select>
</div>
</div>
<h3 onclick="javascript:show_hide_div('as_div');">Archives</h3>
<br/>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_archive_rep>
<option value=""> ()</option>
</s_archive_rep>
</select>
</div>
</div>
이제 전체 코드이다 초록색 글씨의 Archives가 사이드바 메뉴에 표기되는 부분이다 이 부분은 본인이 원하는 걸로 바꿀 수 있다 파랑색 글씨는 가로 크기를 정하는 부분이다 이부분이 없으면 자동으로 사이드바 크기에 맞추어 진다 이 코드를 복사해서 스킨 html 수정으로 들어간다
html 수정에서 뒤쪽편에 찾아보면 글 보관함 또는 archive 에 관련된 부분이 있을 것이다 그곳을 찾아 위 이미지처럼 빨간 박스에 해당되는 부분을 위에 준비한 코드로 대체하면 된다
그럼 사이드바의 글 보관함이 위처럼 바뀐걸 볼 수 있을 것이다
포스트가 유용하셨다면 구독해 보세요~ ^^* :
PaperinZ 구독하기
PaperinZ 구독하기
Twitter
