공사중

사이드바 공사

티스토리 새관리 메인에 노출해 놓은 "주제별 새글" 에 눈에 띄는 제목의 글이 있었으니!
그건 바로 정리해야지 정리해야지 하고 있었던 사이드바 영역의 링크를 변경하는 방법이다.

꽤 깔끔하게 정리를 할 수 있고 확장성도 있어보여 바로 블로그에 적용했다. 몇가지 위젯과 광고 등을 올리니 길어져버린 사이드바. 한줄이라도 줄이고자 링크 부분에 대한 고민을 하고 있었는데, 이제 고민이 싹!~ 사라졌다.

kwans님이 블로그를 통해 공개 하신 사이드바에 링크를 접었다 폈다 라는 포스트를 보고 그대로~ 따라했다.
스킨이 달라서 selection box의 크기는 살짝 조절했지만^^ 그외에는 그대로~ 사용했다.

Before & After
Sidebar Link

기존 Link

Sidebar Link

새로운 Link


왼쪽의 길게 늘어져 있는 녀석이 이전까지 이 블로그에 적용되어 있던 default link의 모습인데, 링크 모두 한 항목에 한줄씩 차지함으로써 전체 420px 정도의 크기를 차지 하고 있었다. 이 얼마나 공간의 낭비인가(비약이 너무 심한가 ㅡ.ㅡa)

이에 반해 오른쪽이 kwans님이 포스팅하신 내용을 그대로 따라서 적용해본 selection box가 적용된 새로운 link의 모습이다.
깔끔해지고 짧아진것 뿐 아니라 카테고리 별로 분류를 할 수 있으니 확장성 면에서도 훨씬 뛰어나 보인다.

물론, 내가 링크를 등록해 놓은 대부분의 사이트가 자주 방문하는 이웃 블로그 분들이긴 하지만, 블로그를 이용하는 시간이 조금씩 늘면서 이웃 블로그 분들 뿐 아니마 메타 블로그나 기타 블로깅에 필요한 링크들을 내 블로그에서 바로 이동할 수 있게끔 하는 것도 좋다는 생각을 가지고 있었다.

이러한 생각을 실현하기 위해서는 링크를 카테고리별로 분류해서 관리하는 기능이 필수인데 티스토리에 건의했음에도 가볍게 묵살(아무런 응답이 없다)당하고 있었는데 kwans님이 나의 고민거리를 말끔하게 없애주셨다.

이 자리를 빌어 다시한번 kwans님께 감사의 말씀을 전한다.

물론 selection box를 활용하여 skin.html 자체를 편집하는 것도 사실은 귀찮은 일이다.
왜냐하면 링크를 추가하려고 할때마다 skin.html을 변경해야 하니 말이다.(아 이 귀차니즘의 끝은 어디인가...한개를 얻었더니 더 큰걸 원하는 이 게으른 인간아...)

그래도! 수작업이라도! 좋다.

도움주신 글: kwans님의 사이드바에 링크를 접었다 폈다





온누리
2008.10.08 10:47 신고
편하게 살자구요^^
3일 만에 해를 보네요
오늘은 설악이나 들어갈까 궁리중입니다
좋은 날 되시구요

돌이아빠
2008.10.08 15:53 신고
ㅎㅎ 편하게 살아야 하는데...잘 안될때가 있네요.

설악. 날씨가 꽤 쌀쌀해졌는데 감기 조심하세요~
찬늘봄
2008.10.08 13:09 신고
돌이아빠님 고맙습니다..
예쁘게 꾸며볼께요.. ^^*

돌이아빠
2008.10.08 15:54 신고
ㅎㅎ 찬늘봄님 별 말씀을 다하십니다.^^
kwans
2008.10.08 13:16 신고
돌이아부지~ 링크 고치셨네요~ 완전 멋저요~
근대 홈색션 선택창 이름을 바꾸셔야 할듯요. 제 블로그로 연결 ㅎㅎ
어에껀 이 인연을 유지하기 위해 링크 겁니다~~
아! 그리고 링크거는건 html건들 필요 없어요.
홈 웹 메타 만 바꿀때 html건들어야 하구요.

돌이아빠
2008.10.08 13:54 신고
네~ kwans님!~~~ 포스팅 하신 내용 보고 일단 바꿔만 뒀습니다. 이름은 바꿔야 하는데 귀차니즘때문에 ㅋㅋㅋ

아 그런가요? HTML을 건드릴 필요가 없나요?? 그렇군요!! 제가 정체를 몰라했던 tag가 그 내용이었구만요~ 감사합니다.~~~
돌이아빠
2008.10.08 15:54 신고
근데 전 왜 Link가 안나올까요???
뭘 잘못 했을까요? HTML 건드려야 할거 같은뎅...
Kay~
2008.10.08 13:53 신고
오 못진걸요.
저 같은 경우는 skin.html에서 변경하는 경우 많은 소스하며,
잘못된경우 전체적으로 모양새가 깨져버릴 위험도 있는 부담땜에
사이드바 설정을 이용합니다. 사이드바설정의 html 베너출력!
관련글은 트랙백으로 남길께요!

돌이아빠
2008.10.08 15:55 신고
네~ Kay~님 저도 처음에는 Kay~님 포스팅하신 내용대로 하려고 했더랬는데, kwans님이 포스팅하신 내용이 더 깔끔해 보여서^^ 급선회했답니다 ㅋㅋ
Krang
2008.10.08 19:33 신고
예전에 디자인로그에서 봤던 거랑 비슷하네요. ^^
http://www.designlog.org/2511044

저도 새 블로그 스킨 메뉴에 달았는데 ...
아 정말 스킨은 어려워요 ㅠㅠ

돌이아빠
2008.10.08 20:16 신고
오호 Krang님이 알려주신 링크 타고 다녀왔더니 비슷하네요 후훗. 나름 예쁘다는^^
들판
2008.10.17 14:22 신고
이건 일단 통과. 아직 사이드바에 뭐가 별로 없다는... 나중에 해봐야지~

돌이아빠
2008.10.17 14:32 신고
후훗~ 패스 패수~~~
아폽
2009.01.11 17:29 신고
한창 찾아다녔는데 이제야 찾았네요. 정말 사이드바 링크를
주제별로 나뉠수 있어야 하는게 빨리 도입되야될텐데.

돌이아빠
2010.06.23 08:42 신고
아이쿠야 이제야 봤습니다 ㅎㅎㅎ
hy.C
2010.08.14 22:21 신고
링크 접기... 티스 자체에서 지원해주지 않아서 불편했는데
아는 분 블로그에서 저렇게 되어 있는걸 보고 찾아다니다 드디어 찾게됬네요.
좋은 정보 감사합니다.