사이드바의 글 보관함(archives)을 접었다 폈다 - 사이드바 정리

이전에 사이드바의 링크 목록을 접었다 폈다 하는 방법을 포스팅 했었다  블로그를 운영하다 보면 사이드바에 은근히 이것 저것 주렁 주렁 달리게 마련인데, 좁은 공간을 조금이라도 효율적으로 사용하기 위함이었다  

그 포스팅 이후로 archives도 똑같이 적용하는 방법을 묻는 분이 몇몇 있었는데, 포스팅 한다는걸 잊어 버리고 있었다 (^^;;;)  어제 어떤 분이 또다시 묻길래 이번엔 잊지 않고 포스팅을 한다 

archives도 링크의 코드와 거의 비슷하다 (아래 첨부 파일로 올려 놓았으니 그걸 받아서 쓰세요)

invalid-file

        <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>

이제 전체 코드이다  초록색 글씨의 Archives가 사이드바 메뉴에 표기되는 부분이다  이 부분은 본인이 원하는 걸로 바꿀 수 있다  파랑색 글씨는 가로 크기를 정하는 부분이다  이부분이 없으면 자동으로 사이드바 크기에 맞추어 진다  이 코드를 복사해서 스킨 html 수정으로 들어간다 

html 수정에서 뒤쪽편에 찾아보면 글 보관함 또는 archive 에 관련된 부분이 있을 것이다  그곳을 찾아 위 이미지처럼 빨간 박스에 해당되는 부분을 위에 준비한 코드로 대체하면 된다  

그럼 사이드바의 글 보관함이 위처럼 바뀐걸 볼 수 있을 것이다

[연관글]

• 링크를 깔끔하게 정리하자 - 링크를 접었다 폈다(오류수정)