티스토리 블로그 포스팅을 하면서 저는 몇몇 블로그 이웃님들과 즐겁게 소통을 하면서 계속 링크를 계속 추가하였습니다. 물론 너무 많아서 언젠간 정리도 좀 해야 할 수 있겠지만 지금은 정리하는 것보다 콤보 박스 드롭 다운 형식으로 구현하기로 하였습니다.
스킨마다 다를 수 있지만 혹은 저와 같이 등록된 링크 수가 많지 않다면 상관이 없지만 콤보 박스로 구현을 하면은 한화면에 표시되는 링크 목록이 아닌 편하게 한 곳으로 한꺼번에 모아서 편리하게 이웃 블로그를 방문하고 관리할 수 있다는 장점이 있습니다.
링크 이웃 목록, 콤보 박스 구현
저의 블로그의 사이드 바를 보시면 아시겠지만 수십 개의 Links 이웃 블로그 님들이 등록된 것을 볼 수 있습니다.
요즘 사정상 일이 생겨 모두 방문을 못하지만 스크롤 양도 쓸데없이 많아져 이를 콤보 박스 하나로 묶어보겠습니다.
1) 티스토리에 로그인한 후 'HTML/CSS 편집' 메뉴로 가서 jquery 소스가 없으시다면 아래와 같이 head 태그 안에 적용합니다.
2) 사이드바 쪽에 ul 과 li 태그를 모두 select 와 option 태그로 모두 바꿔줍니다. 잘 모르시겠으면 다음 단계를 참조합니다. (스킨마다 소스가 조금 다를 수 있습니다.)
3) 아래와 같이 태그를 수정하였으면 저장합니다.
4) 아래와 같이 깔끔하게 콤보 박스로 구현이 완료되었으나 '이웃 블로그를 방문'하고 콤보 박스 제목인 '이웃 목록'을 선택하면 저의 블로그로 다시 이동되는 문제를 발견하였습니다. 문제를 파악하고 소스를 다시 새로 추가해야겠습니다.
5) 추가한 link 콤보 박스를 제어하기 위해 id를 link_url로 지정하였습니다.
6) body 태그 맨 끝에 windows load 소스를 추가해 그 안에 해당 id 의 link_url로 지정한 콤보 박스 change 제어 소스를 입력 후 저장합니다.
7) 그럼 다시 확인해보면 이웃 블로그 방문 시 첫 번째 옵션은 무조건 비활성화된 것을 볼 수 있습니다.
저는 편하게 이웃과 소통하려고 콤보 박스 형식으로 드롭 다운으로 만들었습니다. 물론 이것도 원 스킨 제작자마다 저처럼 더 편하게 만들었을 수 있겠지만 만약에 저와 같이 링크가 너무 많고 관리가 안 된다면 한번 적용해보시기 바랍니다.
Bliss :) 주소 수정 / 삭제 답글달기
오호~ 한번도 생각해본 적이 없는 부분인데 이렇게 할 수 있군요!! 역시! 제 블로그명도 보여 반갑네요~ㅎㅎㅎ 아티님 일일 방문자 수 ㅎㄷㄷ합니다^^ 앞으로도 즐거운 블로깅 하시길요~ 해피 주말 되세요!
답글: IT세레스 주소수정 / 삭제
저도 다른 블로그에서 제 블로그 이름이 보이면 정말 반갑고 기분이 좋더라구요.
방문자수는 항상 거의 비슷해서 별 놀랍지도 않지만 그래도 감사합니다.
Bliss님도 해피 주말 되세요.^^
*저녁노을* 주소 수정 / 삭제 답글달기
태그는 너무 어려워요.ㅎㅎㅎ
이웃관리...잘 보고 갑니다.
즐겁고 행복한 주말 되세요.
답글: IT세레스 주소수정 / 삭제
저녁노을님도 행복한 주말 되세요.^^
청결원 주소 수정 / 삭제 답글달기
좋은정보 잘 보고 가네요
답글: IT세레스 주소수정 / 삭제
감사합니다.
핑구야 날자 주소 수정 / 삭제 답글달기
잘 활용하면 정말 편하게 이용할 수 있겠어요
답글: IT세레스 주소수정 / 삭제
네 편하더라구요.
空空(공공) 주소 수정 / 삭제 답글달기
저는 그냥 타스토리의 있는 에디션을 사용하는데
이런건 잘 모르겠더라고요^^
답글: IT세레스 주소수정 / 삭제
조금 어려우실 수 있어요.^^
4월의라라 주소 수정 / 삭제 답글달기
깔끔하게 들어가 있으니 좋은데요. 역시~ 활용해 보고 싶어집니다. ^^
답글: IT세레스 주소수정 / 삭제
네 한번 도전해보세요.^^
ikimonotaku 주소 수정 / 삭제 답글달기
좋은정보 감사합니다~!
저도 IT최강자님처럼 이웃이 늘어난다면 꼭 사용해보겠습니다.^^
답글: IT세레스 주소수정 / 삭제
이웃 관리도 제대로 안되서 그것도 고민입니다.ㅎㅎㅎ
주소 수정 / 삭제 답글달기
비밀댓글입니다
답글: IT세레스 주소수정 / 삭제
네 하셔도 됩니다.ㅎㅎㅎ
GeniusJW 주소 수정 / 삭제 답글달기
진짜 이 방법 쓰면 편할 것 같아요~~
드롭다운으로 만들면 페이지 디자인도 덜 해치고,
나중에 시간내서 제 블로그도 테스트를~~ㅎ
답글: IT세레스 주소수정 / 삭제
네 아무래도 디자인 걱정은 조금이나마 줄어드는거 같습니다.^^
Sakai 주소 수정 / 삭제 답글달기
이거 나중에 한번 적용해 보아야 겠습니다.
답글: IT세레스 주소수정 / 삭제
네 나중에 한번 적용해보세요.
알지오™ 주소 수정 / 삭제 답글달기
IT최강자님 블로그 올때 마다 이웃이 굉장히 많아서 놀랬었는데..
이제 드롭다운으로 변경하셨네요.
답글: IT세레스 주소수정 / 삭제
네 너무 길어서 드롭다운으로 변경했습니다.
veneto 주소 수정 / 삭제 답글달기
이웃많으신분들에게 정말 유용하겠네요 ㅎㅎㅎ
답글: IT세레스 주소수정 / 삭제
네 그런거 같아요.ㅎㅎㅎ
고길이 주소 수정 / 삭제 답글달기
이런방법도 있다니,정말 좋은 정보 도움이 되었습니다. 아직 이웃이 부족해 설정을 안했는데.. 감사합니다.
답글: IT세레스 주소수정 / 삭제
고길이님 감사합니다.