블로그 꾸미기 중, 블로그 이웃 링크를 사이드바에 노출하시는분이 많이시죠?
자신이 자주가는 블로그나, 또는 서로 친하게 지내는 블로그의 링크를 사이드바에 보여지게 하죠.



처음 이웃링크를 정리할때는 몇군데가 없기 때문에 보기 싫지 않습니다.
하지만 10개, 20개, 30개 등등 계속 늘어난다면 사이드바 영역이 너무 길어집니다.
사이드 바 영역이 너무 길어지면 보기 싫어지죠.

그래서 너무 길어지는 이웃링크가 보기 싫어져서 셀렉트박스로 만들어서 따로 관리하시는 분들도 계시죠.


하지만 이렇게 관리를 하게 되면 티스토리에서 기본적으로 제공해주는 링크기능을 사용못합니다.
그렇기때문에 HTML을 계속 수정해줘야하는 단점이 있습니다.
HTML에 대해 잘 몰르신다면 조금 어려운 방법이죠.

그래서 오늘은 티스토리 기본기능인 링크를 이용해서 깔끔하게 정리할 수 있는 방법을 소개해드립니다. ^^


■ 링크 추가하기


먼저 관리자화면에서보시면 바로 링크라는 메뉴가 보입니다.
링크관리도 가시면 자신이 원하는 링크들을 관리할 수 있는 티스토리에서 기본적으로 제공해주는 기능입니다.

자신이 자주가는 블로그나, 메타사이트 등등 마음데로 등록할수가 있죠 ^^



링크추가 버튼을 클릭하시면 등록할 수 있는 화면이 나타납니다.
링크명은 자신이 원하는 이름으로 지정하시면 되고,
주소에 해당하는 URL을 입력하시면 됩니다.

주소를 입력하실때는 http:// 는 제외한 나머지 URL을 입력하시면 됩니다.^^


링크 꾸미기


기본적으로 자신이 원하는 링크들을 등록하시면 위 이미지처럼 나타나게 됩니다.
저처럼 많이 등록을 하셨다면;;;
본문 내용보다 더 길어질수도 있죠 ^^;;;

이렇게 길어진 내용을 좀더 깔끔하게 꾸며보겠습니다.!!!


CSS 추가하기

#sidebar #link ul{overflow-y:auto;height:180px}

한줄만 추가하시면 됩니다.^^ 간단하죠?
height 값은 보여지고 싶은 기본 링크 갯수에 따라 조절하시면 됩니다.
저는 기본적으로 보여지는것이 10개의 링크입니다.


링크의 갯수가 10개가 넘어가면 스크롤이 생기기때문에 찾아보고 싶은것이 있다면 스크롤을 움직이면 되겠죠?

기본적인 HTML을 수정하지 않아도,
티스토리에서 제공해주는 링크기능을 간단하게 사용하면서도,
깔끔하게 사이드바 영역을 유지할수 있습니다.


■ 마치면서...


만약  CSS를 추가했는데도 저와같이 스크롤이 나타나지 않을 수 있습니다.
스킨을 마음데로 바꾸거나, 다른 이름으로 링크를 지정해주기 때문이죠.

혹시 링크가 추가되는 HTML이 <div id="link"> 가 맞는지 확인이 필요합니다.
(대부분 link로 지정되어있습니다 ^^)

안되시는 분들은 댓글로 남겨주시면 찾아드릴게요~ ^^
신고
Posted by 별군

댓글을 달아 주세요

  1. 일단 선리딩 & 추천하고.. 적용은 오후에 시켜봐야겠습니다. 해보고 잘 안되면 물어보러올께요 ㅎ

    2010.11.08 07:46 신고 [ ADDR : EDIT/ DEL : REPLY ]
  2. 오홍 이런 방법도 있군요! 전 그냥 드랍다운 리스트 형태인데 ㅎㅎ

    2010.11.08 07:47 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 아마 보기에는 그게 더 편할수도 있어요 ^^
      스크롤은 한눈에 다 보이지 않아서 불편하지만, 적용하긴 쉬운예제죠.ㅎㅎㅎ

      2010.11.08 10:11 신고 [ ADDR : EDIT/ DEL ]
  3. 있다가 시간 내서 한 번 해봐야 겠습니다. ㅎㅎㅎ

    2010.11.08 07:49 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 스크롤바를 넣어줄 생각을 못했네요 ㅎㅎ
    유용한 정보 잘 배우고 갑니다.

    2010.11.08 08:28 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도 이게 될줄은 몰랐어요.ㅎㅎㅎ
      우연치않게 생각이나서 해봤는데 잘 적용이 되더라구요.^^

      2010.11.08 10:12 신고 [ ADDR : EDIT/ DEL ]
  5. 오욱...좋은 팁을 주셨네요^^
    저도 첨엔 링크툴로 관리할까 싶어서 좀 뒤지고 다녔는데..
    최근엔 그냥 RSS툴로 뭉게고 있다능..ㅠ

    2010.11.08 09:43 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도 RSS로 대부분 새글을 읽고 다니죠 ㅠㅠ
      링크는 아마 구경오시는 분들에게 도움이 되지 않을까요? ^^

      2010.11.08 10:13 신고 [ ADDR : EDIT/ DEL ]
  6. 이런게 필요했는데, 감사해요..

    2010.11.08 10:53 신고 [ ADDR : EDIT/ DEL : REPLY ]
  7. 오호.. 정말.. 이 방법도 매우 편리한걸요~~ ㅎㅎ
    우리 통한건가요? ㅋㅋㅋ

    2010.11.08 11:45 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 그러게요.ㅋㅋ 처음이에요.. 같은 주제로 포스팅한다는 일이 있다니 !!! 신기하네요.ㅋㅋㅋ

      2010.11.08 11:51 신고 [ ADDR : EDIT/ DEL ]
  8. 오 이거 좋은데요?
    스크롤이 생긴다니... +_+
    저는 콤보박스로 사용중인데 확실히 업뎃이 느리거든요
    바꿔야할까요? ㅋㅋ

    2010.11.08 12:10 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 둘다 장단점이 있는것 같아요 ^^
      스크롤로 하면 한번에 보기 힘들지만 관리하기는 편할것 같아요 ~~

      2010.11.08 12:14 신고 [ ADDR : EDIT/ DEL ]
  9. 음~ 컴맹이 티스토리를 한다는게 참 쉬운일이 아니더라구요~
    좋은 정보 감솨합니다~
    이것저것 눌러보고 만져봐야 늘겠어요^^

    2010.11.08 18:57 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 아니에요 ^^
      많은 분들이 올려주신 좋은 정보를 따라하기만 하면 되는걸요~~~!!!
      하나하나 천천히 따라하시다보면 금방 늘으실거에요^^

      2010.11.08 19:00 신고 [ ADDR : EDIT/ DEL ]
  10. 앗...!! 제 블로그도 발견~!!!! 감사합니다..^^
    저도 이웃 블로그 링크, 한번 도전해 봐야 겠습니다..

    2010.11.17 21:10 신고 [ ADDR : EDIT/ DEL : REPLY ]
  11. 좋은 정보 잘 알게 되었네요. 정보 감사합니다. ^-^;
    그나저나 제 블로그에서는 왜 안되는지 ㅜㅠ 흑
    저는 링크를 따로 빼서 왼쪽 사이드에 두어서 그런지 몰라도 있어야할 스크롤이 안보이네요~

    2010.11.19 13:48 신고 [ ADDR : EDIT/ DEL : REPLY ]
  12. 휴; 어떻게 간신히 성공하긴 했는데
    이번에는 x축 스크롤이 함께 보이네요~!
    이거 어떻게 해야할까요~

    p.s 링크 넣었습니다~

    2010.11.19 13:49 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 잘 되네요~ 감사합니다 별군님

    2010.11.19 14:10 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 와우~~이것도 찾던 기능이었는데..ㅋㅋㅋㅋ
    오늘 완전 대박입니다~ㅋㅋ

    2010.11.22 12:07 신고 [ ADDR : EDIT/ DEL : REPLY ]
  15. 말씀하신 코드를 css창에 넣기만 하면 되는 건가요? 전 안 되서요. ^^;
    일단 링크를 임의로 10개 이상 만들었어요. 근데 스크롤 바가 안 생기네요. ㅜㅜ 도와주세요.

    2011.01.02 10:23 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 이미지는 어떳게 너어여??

    2011.02.09 13:35 신고 [ ADDR : EDIT/ DEL : REPLY ]


티스토리 툴바