블로그에 익숙해지면 좀더 멋진 화면에 대한 욕심이 생깁니다. 좀 더 멋진 화면을 위해 필요한 팁들을 모아보았습니다. 제가 적는 블로그팁은 고수님들을 위한 것이 아니오라, 저처럼 하고 싶기는 하나 방법을 몰라 찾으시는 분들 용이오니, 고수님들은 패스해주세용~ ^^;;

1. 접을 건 접고 펼칠건 펼치자!

1) 카테고리 펼치기
저는 카테고리를 통해 글을 잘 읽는다. 그런데, 카테고리를 일일이 +를 눌러야만 보이는 구조가 가끔 답답할 때가 있어 늘 시원스럽게 펼쳐놓고 싶었습니다.  파란토마토님이 가르쳐주신 덕분에 해결했습니다.
-->파란토마토님이 가르쳐주신 카테고리 펼치는 방법
<category>모듈 있는 부분으로 가서 다음을 고치면 된다.

<##_category_##> 부분을 <##_category_list_##> 으로

2) 링크접기
처음 블로그를 하면서는 다른 블로그에 거의 가지 않아서 링크라는 것이 있는 듯 없는 듯 했습니다. 그러나 점차 블로그를 하면서 자주 놀러가는 블로그가 많아지고 관심있어 링크하는 블로그도 생기니 그 목록이 무척 길어졌습니다. 옆에 너무 길게 펼쳐지니.. 좀 보기가 싫었습니다. 그런데 이드님 블로그에 가보니 너무도 깔끔하게 접어놓은 것을 발견했습니다.
요령은 알고보니 간단했습니다. select와 option 태그를 사용하는 것이었습니다.
-->이드님이 가르쳐주신 링크 접는 방법

임시로 복사 허용하기 (복사해 가실 분은 이 부분 클릭 하시고 나서 복사하셔요)

링크 접는 소스 보기


2. 복사(불펌) 방지를 잠시 해지하기

아마도 자신의 글을 불펌하는 것을 막아놓기 위해 마우스 불펌방지 플러그인을 사용하시는 분들이 많으실 것 같습니다. 그런데, 자신의 배너소스를 가르쳐주거나 블로그팁등을 가르쳐주기 위해 복사를 허용하려면 일이 복잡해 집니다. 플러그인을 풀어놓자니 찜찜하고, 그렇다고 txt 파일로 첨부하자니 다운받아가는 사람이 너무 귀찮을 것 같고...
이드님 블로그에 가보니 너무 깔끔하게 "마우스 제한 일시 해지"가 있더군요. 요즘에 이드님을 너무 귀찮게 해드려 또 여쭤보기 죄송하여 인터넷을 찾아보니.. 다행히도 답이 있었습니다.
다른 분들께 복사해 가시도록 허용할 부분이 있으시면 다음과 같은 부분을 삽입해서 사용하시면 됩니다. 사용해 보니 그 페이지에서만 되고, 다른 페이지에서는 여전히 복사금지가 되는 정말로 임시 허용입니다.

<A href="javascript:function r(d){d.oncontextmenu=null;d.onselectstart=null;d.ondragstart=null;d.onkeydown=null;d.onmousedown=null; d.body.oncontextmenu=null;d.body.onselectstart=null;d.body.ondragstart=null;d.body.onkeydown=null; d.body.onmousedown=null;}var tb=document.all.tags('BODY');if(tb.length==0) {for(var i=0;i<top.frames.length;i++){r(top.frames[i].document);}}else{r(document);}" target="">임시로 복사 허용하기</A>


3. 이미지와 텍스트 정렬하기

글을 쓰다보면 이미지와 글 사이의 간격이 생길때가 있습니다. 사실 저는 이 부분은 그냥 넘어갔는데, 이드님이 가르쳐주셨어요.
이드님이 가르쳐주신 텍스트와 이미지 사이 정렬하는 방법

<img src=" http://fs.tistory.com/custom/blog/10/101996/skin/images/feed-icon-pink-01.png" span style="position: relative; top: 0.2em"/>
이미지 주소 끝 부분에 저 부분을 넣어주니까 이미지가 위로 올라가거나 혼자 내려가 보이는 것이 없어졌습니다. 숫자 부분을 늘리거나 줄이면서 사용하시면 될 것 같습니다.



2007/11/22 - [블로그 성장기/티스토리 사용법] - 스킨의 메뉴 이름 변경하기
2007/11/24 - [블로그 성장기/티스토리 사용법] - 블로그 아이콘 넣기
2007/11/27 - [블로그 성장기/티스토리 사용법] - 댓글, 방명록에 귀여운 이모티콘을~
2007/12/29 - [블로그 성장기/티스토리 사용법] - 내 블로그와 친해지게 하는 초간단 팁 3가지
제 이야기를 편안히 배달받아 보시려면 에 추가하세요!
Copyrightⓒ 2008/01/07 02:03 by 라라 윈

트랙백 주소 :: http://lalawin.tistory.com/trackback/171

  1. Subject: 링크를 깔끔하게 정리하자 - 링크를 접었다 폈다

    Tracked from PaperinZ 2008/01/07 13:11  삭제

    블로그들을 보면 사이드바 메뉴에 링크 항목이 있습니다 처음엔 링크 목록이 몇개 안 되기 때문에 그리 부담이 되지는 않지만, 링크수가 하나 둘씩 늘어 갈수록 점점 공간도 많이 차지하게 되고, 지저분하게 됩니다 제 블로그를 보면 이런 링크를 적은 공간에서 효율적으로 관리하기 위해 접었다 펼 수 있게 설치를 해 놓았습니다 이번 포스트는 이 방법에 관해 포스팅을 할까 합니다 제 블로그의 링크 목록입니다 3가지로 나누어서 분류를 해 놓았습니다 이 방법은 코드..

  2. Subject: 텍스트와 이미지 이쁘게 정렬하기 - 이미지 위치 조정하기

    Tracked from PaperinZ 2008/01/07 13:11  삭제

    요즘 블로그들을 방문해보면 포스트 하단에 구독 버튼을 단 경우가 많습니다 이게 해외 블로그에서 많이 보던 것이였는데, 언젠가부터 국내 블로그들도 많이들 달아 놓았더군요 이런 구독 버튼을 보면 텍스트와 아이콘을 같이 배열해 놓고 있습니다 저같은 경우도 마찬가지로 텍스트와 아이콘을 배치해 놓았구요 그런데 텍스트와 이미지를 배열해 놓다 보니 이미지가 텍스트보다 약간 올라간듯이 보여 이쁘지가 않다군요 제가 성격이 더러워서인지는 몰라도 이게 참 신경이 쓰이더..

  3. Subject: 포스트 불펌 방지하기 - 드래그 금지, 우클릭 금지 코드 (업데이트)

    Tracked from PaperinZ 2008/01/07 13:12  삭제

    요즘 티스토리 유저들이 많이 늘고 그로인해 양질의 포스트가 많이 올라 오지만 많은 문제가 되고 있는게 불펌이 아닐까 싶다 특히 펌질이 불법인지도 인식을 못하는 네이버의 많은 블로거들(모든 블로거가 그렇다는건 아님)로 인하여 선의의 피해자들이 늘고 있다 게다가 네이버의 자사 블로그 유저 감싸기 때문인지 몰라도 원본 포스트보다 불펌된 자료가 오히려 상위의 검색 결과에 노출되는 희안한 검색결과도 자주 보인다 네이버 블로그는 우클릭금지, 드래그금지 등의 불..

  4. Subject: 카테고리 하위목록 자동으로 펼치기

    Tracked from Η a r u 불살라보자ºㅂº 2008/01/09 21:30  삭제

    카테고리 하위목록을 자동으로 펼쳐지게 하는 방법을 알아봅시다. 블로그에 보면 카테고리가 있는데 이것을 미리 펼쳐저 있게 만들려면 스킨을 수정해 주면 된다. (3가지 방법 중 하나를 골라서 하면 됩니다.) #.첫번째 방법 1. 관리자 모드(q)에서 스킨 > HTML/CSS 편집으로 이동 2. skin.html 에서 "카테고리"를 찾는다. (컨트롤+F 후 "카테고리" 검색하면 찾기가 더 수월하다.) 3. 자바스크립트를 넣어준다. <script langu..

  5. Subject: 블로그 스킨편집 [카테고리]

    Tracked from FirstNoon Story 2008/01/10 14:15  삭제

    티스토리의 카테고리는 왼쪽 그림처럼 기본으로 닫혀있고, (참여공간) 앞에 " + " 모양을 클릭해야 하위폴더가 나타난다. 이것을 펼쳐보이게 하기 위해서는.. html 부분의 <body> 부분을 찾아 수정해야한다. 아래 그림처럼 <body> 부분을 수정해주면 카테고리가 기본적으로 펼쳐지게 된다. html 부분을 수정 후, 펼쳐진 카테고리의 모습이다. (참여공간) 폴더가 펼쳐지면서 " - " 모양으로 하위폴더가 나타났다.

댓글을 달아 주세요

  1. 유용한 팁이네요~ 당장 적용해 봐요 겠어요. 잘 보고 추천하고 갑니다~

  2. 우왕 이렇게 전문적이실줄이야^-^
    한수배우고가요, 오늘도 여전히 새벽블로깅 ㅋ

    • 블로깅은 새벽이.. 제맛이죠~ ㅋㅋㅋ
      얼른 주말이 다시 왔으면 좋겠어요~ 새벽에 실컷 블로깅 하고 싶어요~!! ^^

  3. 유용한 팁들이 정말 다양하네요..^^

    요즘 귀차니즘이 되다보니, 눈팅만 하고 말았는데,
    좋은 기능들은 꼭 체험을 해봐야겠어요~ㅎㅎ

    좋은 내용 잘보고 갑니다.

    ^-^

  4. 어엇 - 어젯밤에 팁을 하나 더 올리셨군요.
    주말을 맞이해서 열혈 블로깅을 하신 모양이네요 ^^;;;
    잘 봐뒀다가 나중에 필요해지면 써먹어 볼께요 :)

  5. 오오오오오...팁 정리 하셨네요...

    2번을 한번 해봐야겠어여.감사합니다.~

    • 배너 같은것들 올리면서 퍼가라고 할 때 쓰면 좋을 것 같아요~ (그러고보니,.. 저도 아직 제 배너 있는 글은 수정을 안 했네요..^^;;;)

  6. 음 유용한 팁이군요 ㅎㅎ

    부지런 하시군요 ㅎ

  7. 와우.. 저같은 초보한테는 정말

    필요한

    이래서 자주 들릴수 밖에 없는..

    ^^* 월요일 힘찬 일주일의 시작 되시길

  8. 어머 너무 좋은팁이네요.. 정말 대단하세요.
    이런 걸 어디서 알아오시는지..

    저도 처음엔 글 하나 쓰기도 너무 힘들던데..
    지금은 힘든 건 힘든거고ㅡㅡ;; ㅋㅋ
    모양까지 신경쓰게 되어서 더 힘든;;; (이건 모야? ㅋㅋ)

    • 블로그 놀러다니다가 예쁘거나 좋은거 보면 어떻게 하신건지 여쭤봐서 정보를 한보따리 싸옵니다..^^;;

      갈수록 하나하나 배워가는 즐거움과 함께 신경쓸 것도 늘어나는 것 같네요..;)

  9. 글에서 제 이름 발견하고 급방긋.ㅋㅋㅋ

    • 저는 간단히 소개만..헤헤...
      필요하신 분들은 파란토마토님께로 가셔서 보다 구체적인 정보 얻으시라고 안내만 했어용~ :)

  10. 좋은정보 감사합니다 ㅎㅎ
    잘사용하겠습니다 ^^

  11. 링크 접기는 따로 포스팅을 했어요 이왕이면 그걸로 링크 걸어주세요 ^^;;;

    그리고 이제 스킨이 제대로 나오네요

    • 이드님 덕분에 파폭이란 것을 잘 써보고 있습니다~
      파폭이 기능이 많네요~ 별 희한한 드래그 기능도 있고..;)
      링크 다시 수정했습니다.
      이드님 무척 빠르신데요.. 언제 링크접기 포스팅까지..^^;;

  12. 링크접기하다가 안되서 그냥
    안했답니다 ㅡㅜ
    하면 불편할꺼같아서요

    • 간혹 띄어쓰기만 안되어 있어도 안되기도 해요..^^
      저도 첨에 이드님이 가르쳐 주신 소스 복사해서 붙였는데, 안되어서 보니까 selectonchange 이렇게 되어 있어서였어요... select onchange로 띄어쓰기만 해도 잘 되는 것인데... 그런 작은 부분땜에 가끔 이상하게 나오기도 합니다..^^;;;

  13. 이야~~좋은거같은데..
    음..저말을 하나도 못알아듣겠어요..ㅠㅠ
    전부다..음..뭐하는건지 모르겠어요;;ㅋㅋ

    • ㅎㅎㅎㅎㅎ 저랑 상태가 비슷하신데요..
      저도 완성된 모양때문에 욕심이 나서 따라는 하긴 하는데, 저런 코드들 너무 복잡한 것 같아요...^^;;

  14. 오오~잘 정리해주셔서 너무 좋네요^^
    스킨은 매번 손봐야지 하면서 너무 안된다는;;;ㅋ

    • 에코님 블로그는 참 깔끔하면서 예쁜데요, 별로 바꾸실 필요성을 못 느끼실것 같아요..^^
      특히 rss 구독권유 버튼이 참 예뻐요~~ ^^
      저도 목적은 깔끔하게 만드는 것인데... 갈수록 뭐가 붙어가고 있어요...ㅠㅠ

  15. 솔직히 스킨한번 바꾸고 싶어도, 위의 팁들을 많이도 적용한터라.ㅠㅠ
    다시 재 적용하기가 무서워서 ;;ㅠㅠ
    그중에 간단하면서도 좋은 팁은 역시 카테고리 펼침 팁이 아닐까 싶네요^^_

    • 티노님 블로그 너무 멋집니다..
      보면서.. 저도 따라해보고 싶다는 생각은 무척 강한데..너무 어려울 것 같아요... 뉴스페이퍼 스킨의 대변신.. 부럽습니다~~;)

  16. 오! 이거 알고 싶었던겁니다. 좋은정보 감사해요~^^

  17. 와 이런 기능들도 있었군요^^

  18. 유용한 팁들을 일목요연하게 잘 정리해놓으셨네요 ㅎㅎ
    그 중에 하나는 제가 캐치~!!ㅋㅋ

  19. 정말 중요한 팁들만 있군요.. 저도 적용을 해 봐야할텐데 이넘의 귀차니즘 때문에 못하고 있네요...에~~효~~ ...

  20. 좋은글 잘보고 갑니다.
    요즘 저만의 스킨을 만들어 보려고 하는데 많은 도움 되었습니다.

    • ㅎㅎㅎ 쬐금이라도 도움이 되셨다면.. 너무 기쁜데요~~ ^^ 어떤 스킨을 만드셨을까 궁금해져서 얼른 놀러가야겠는데요~~ ^^

  21. 라라윈님 포스트가 거의 전문가 수준이시군요.. ^^

    카테고리 펼치기를 한번 적용해봤는데 일단 펼친 상태가 맘에 안들어서 원래 상태로 변경해놨습니다. 하지만 유용한 팁이였습니다. 감사합니다.

  22. 오우 좋은정보를 싹 모아놓으셨군요~
    몰랐던것도 있어서 잘참고해봐야겠어요^^
    감사합니다~

  23. 와우 여러가지로 좋은 정보 감사합니다. ㅋ

  24. 매우 유용한 정보네요~
    감사 합니다~ ^^

  25. 라라 윈님 직업이 개발자신가 봐요..ㅎㅎ

    • ㅎㅎㅎㅎㅎㅎ 제가 블로그팁을 하나 배울 때마다 너무 어렵게 익혀서, 저처럼 고생하시는 분들 있지 않을까 싶어서.. 글로 올려보았어용~~ ^^;;;

  26. 카테고리 펼치기 다른방법을 찾았어요!!
    ㅎㅎ 그래도 비슷하니깐 트랙백 합니다 ^^

  27. 리플들이 끝이 없네요~ㅎ
    한참이나 밑으로 내려와서야 댓글을 씁니다.
    이미 알고있던 사실도 있고 처음 듣는 유익한 정보도 있네요

  28. 후후후 저는 링크는 전부 rss리더에 쑝-
    새글이 올라왔는지 링크로 확인하는 작업이 너무나 힘들어서요.
    지인들 블로그 매일매일 들어가 확인하던 시절에는 방문하는 블로그가 몇 개 없었는데
    rss리더 쓰고 나니 구독하는 블로그 수가 엄청 늘어나버렸답니다. -ㅁ-...

    • 저도 그 좋은 방식을 늦게 알게되어 안타까웠었어요...
      rss로 구독하니.. 지인들과 조금더 가까워지게 되는 것 같습니다...^^ :)

  29. 유익한 정보들이네요 +_+
    임시로 마우스 제한 풀기 좋아요~ㅋ

  30. 저는 반대로, 카테고리 접는 방법이 필요 했는데요. 너무도 간단하군요!^^a 요긴한 정보... 고맙습니다!