티스토리블로그 이웃링크 스크롤바 적용하여 깔끔하게 만들기

반응형



최근 제 방명록에 몇몇 분들이 문의하시는 내용이 있었습니다.
바로 블로그 사이드바에 있는 이웃링크에 스크롤바를 어떻게 적용하는가?
였는데요.

CSS 에 스크립트만 넣어주면 되는 간단한 작업이기 때문에
포스트로 발행해서 알려드릴까 합니다.






티스토리블로그 이웃링크에 스크롤바 적용하기

일단 티스토리블로그에 이웃링크를 적용하기 전 모습을 봅시다


위 처럼 리스트 형식으로 주르르르륵 나열이 됩니다.
링크가 많이 없다면 그런대로 보기가 좋은데,
10개..20개..가 넘어가면서는 굉장히 길어져서
사이드바가 불필요하게 늘어지는 경향이 있습니다.




관리자 - 스킨 - HTML/CSS 편집



일단 관리자모드에서 스킨 - HTML/CSS 편집으로 갑니다.



CSS 에 스크립트 삽입



CSS 에 위와같은 스크립트를 삽입해 주시면 됩니다.

/* 이웃블로그 링크 스크롤 */
#sidebar #link ul{overflow-y:auto;height:180px
}

위 소스에서 height:180px 부분은 높이 설정 부분입니다.
픽셀 숫자를 적절히 조정하여 잘 어울리게 만들어 줄 수 있습니다.
소스 복사가 안되시는 분들은 아래 텍스트 파일을 다운로드 해주세요


복사를 해 준 뒤, CSS 하단에 붙여넣어 주시면 됩니다.


정상적으로 적용이 되면 위와 같은 모습을 나타냅니다.
참~ 쉽죠?ㅎㅎ












반응형

댓글(45)

  • 이전 댓글 더보기
  • 2011.06.27 12:21 신고

    오~~ 이렇게 간단하게 유용한 기능이...
    너무너무 잘보고 갑니다.~~ ^^

    행복한 하루 되세요~

  • 2011.06.27 13:17 신고

    오홋, 이런 방법이~ ㅋ
    이거 진짜 궁금해서 여쭤볼려고 했는데 잘 쓸게욥!

  • 2011.06.27 13:17

    드디어 공개를 하셨군요...^^
    전에도 봤는데 이걸 어떻게 하나 궁금했는데 말입니다....
    한주 활기차게 보내세요...

    전 월요일이라서 그런지 온 몸이 힘이 없네요..ㅋㅋ

    • 2011.06.28 22:13 신고

      월요일은 항상 그렇죠 ㅋㅋㅋ
      다른분들도 마찬가지..저도 마찬가지....ㅎㄷㄷ

  • 2011.06.27 13:22 신고

    안녕하세요. 좋은 정보 감샇바니다 ^^

  • 2011.06.27 14:12 신고

    ㅎㅎ 블로그 스킨에 관심이 많은데
    이렇게 알려주셔서 감사합니다~~
    바로 적용해봐야겠어요 ^^

  • 알 수 없는 사용자
    2011.06.27 14:39

    오..좋은데요..
    저도 해봐야겠어요~

  • 2011.06.27 15:47 신고

    css어디다 붙이면적용이되나요
    몰라서문의합니다.

  • 2011.06.27 16:22 신고

    저는 아예 70개가 넘는 링크들이 지저분해서 다 지워버렸는데.... 이걸 좀 빨리알았더라면....ㅠㅠ

    • 2011.06.28 22:14 신고

      허헉!!
      예전에 그 글을 본 기억이 납니다 ㅎㄷㄷㄷㄷ
      전 그냥 필요없어서 지우신줄....

  • 2011.06.27 16:46 신고

    깔끔하니 이뿐데요..ㅎㅎ

    • 2011.06.28 22:15 신고

      사이드바가 깔끔해지긴 합니다만 ㅋㅋㅋ
      하나하나 클릭해 들어가기에는 조금 불편하다는 단점도 있는것 같습니다 ㅎ

  • 알 수 없는 사용자
    2011.06.27 17:36

    우와...!!
    이런 유용한 방법이!! 감사합니다!! ㅎ

  • 2011.06.27 18:01 신고

    오홋~ 이렇게 간단했다뉘..^^
    잘 활용하겠습니다~

  • 알 수 없는 사용자
    2011.06.27 19:30

    좋은자료네염 내일 아침에 해바야 할거 같네염 잘보고 가염.

  • 2011.06.27 22:44 신고

    저는 Html태그를이용해서

    이웃블로그 사이드바에 설정해서

    사용중입니당ㅎ

  • 2011.06.27 23:34 신고

    감사합니다. ^^
    저도 나중에 이웃 많이지면 적용해야겠습니다.

  • 알 수 없는 사용자
    2011.06.28 00:06

    저는 이웃들이 없어서 굳이 스크롤바 적용까지는 필요가...ㅠㅠ
    이웃블로거 분들이 정말 많네요!
    스크랩해뒀다가 나중에 써먹어야겠네요.:)

    • 2011.06.28 22:16 신고

      ㅎㅎ 저도 많은편은 아닌거 같애요
      다른분들은 엄청 많으신 분들이 수두룩...ㅠㅠ
      요즘 바빠서 많이 방문못하고 있어서 좀 그렇네요 ㅠ
      최대한 빨리 모든 분들 방문해야겟습니다!!! 우오오오!

  • 2011.06.28 03:09 신고

    오오! 감사합니다!

  • 알 수 없는 사용자
    2011.06.28 23:09

    저는 적용이 안되서 포기했습니다..ㅎㅎ 여하간 좋은 정보 공유해 주셔서 감사합니다.^^

    • 2011.06.30 10:58 신고

      ㅎㅎ 적용이 안될리가....;;;

    • 알 수 없는 사용자
      2011.06.30 11:50

      슬프지만 사실입니다. 제가 부덕해서 그렇겠죠 뭐.ㅎㅎ 어쨌거나 좋은 정보 공유해 주신점에 대해 진심으로 감사드립니다.^^

  • 2011.06.30 09:50 신고

    와우!
    필수 팁이네요..
    아직 많지않아서 적용하지않지만, 많아지면 적용해볼만하네요

  • 알 수 없는 사용자
    2011.07.01 19:19

    좋은 정보 감사드립니다. 굉장히 유용 할 듯 싶네요 ㅎㅎ

  • 2011.11.24 06:04 신고

    헐!
    이라는 말밖에 안나오네요! 이런 기능이 있었다니!
    추천 백개 드리고갑니다!

    • 2011.11.24 10:43 신고

      추천 백개 감사합니다 ㅎㅎㅎㅎ 감사 백개 ㅎㅎ

    • 2011.11.24 10:49 신고

      바로 적용했습니다.ㅎㅎ
      오른쪽의 트친 추가 기능까지 몰~래 가지고갔습니다.
      하핫
      오늘 팔로워 맨션 감사합니다^&^

Designed by JB FACTORY