티스토리(TISTORY) "글 보관함" & "링크목록" 펼침 목록 메뉴로 깔끔하게

티스토리 블로그 "글 보관함" 과 "링크목록"을 펼침 목록 메뉴로 깔끔하게 정리하는 방법 입니다.
글 보관함의 경우 환경설정에서 한달에서 서른달까지 선택해서 출력이 가능하지만 링크목록의 경우 링크가 많아지면 링크목록 추가가 부담스러울 때가 있습니다.
그래서 꼭 필요한 링크만 하게 되더군요.
이럴경우 글 보관함이나 링크목록을 펼침 목록 메뉴로 정리하면 한꺼번에 많은 글 보관함과 링크목록을 깔끔하게 출력할 수 있습니다.
HTML 태그를 좀 아시는 분이라면 그냥 한번만 보고도 알 수 있을 정도로 방법은 간단 합니다.

글 보관함 만들기

먼저 스킨 > HTML/CSS 편집 > skin.html 에서 Ctrl + F 로 "archive" 를 찾습니다.
ul 과 /ul 사이의 기존 태그를 지우고 첨부한 태그를 복사해서 붙여 넣습니다.(아래 그림 참조)

invalid-file

style 에서 width: 170px 은 목록메뉴의 가로 폭 사이즈입니다.
자신의 블로그 사이드바에 맞게 조정하면 됩니다.
##_archive_rep_link_## 이 "글 보관함" 연결 주소, ##_archive_rep_date_## 는 글 보관함 목록, ##_archive_rep_count_## 가 글 보관함의 글 갯수 입니다.

*skin.html

*이미지를 클릭하면 크게 볼 수 있습니다*

링크목록 만들기

링크목록도 글 보관함 방법과 동일합니다. 다만 링크의 경우 새창으로 띄워야 하기 때문에 소스가 조금 다릅니다.
마찬가지로 스킨 > HTML/CSS 편집 > skin.html 에서 Ctrl + F 로 "link" 를 찾습니다.
ul 과 /ul 사이의 기존 태그를 지우고 첨부한 태그를 복사해서 붙여 넣습니다.(아래 그림 참조)

invalid-file

width:155px 은 펼침 목록 메뉴의 가로폭 사이즈 입니다.
자신의 블로그 사이드바에 맞게 조정하면 됩니다.
##_link_url_## 이 "싸이트 주소"이고, ##_link_site_## 이 출력될 "홈페이지 이름" 입니다.

*skin.html

*이미지를 클릭하면 크게 볼 수 있습니다*