티스토리는  사용자에게 많은 것을 제공해 줍니다. 그 덕분에 더 멋진 블로그를 만들수도 있고, 많은 기능덕에 쉽게 사용할 수도 있습니다. 고수님들께는 너무 쉬운 부분이겠지만, 제가 블로그 시작하면서는 몰라서 몸으로 때우느라 고생했던 몇 몇 작은 부분들에 대한 팁을 올려봅니다.



1. 줄간격

처음 저를 가장 곤란하게 했던 부분입니다. 저는 줄간격이 적당히 떨어져 있는 것을 좋아하는데, 글쓰기 창에서는 이렇게 시원시원하던 글이 올리고 나서 보여지는 것은 따닥따닥 붙어있는 것이었습니다. 처음에는 매번 포스트를 작성할때 의식적으로 한 줄씩을 띄우고 썼습니다. 그러나 그렇게 하면 다른 화면에서 볼때는  엄한 곳이 줄이 바뀌어 보이더군요.
그럴땐 다음과 같은 소스를 삽입하세요!
line-height:160%; (% 앞의 숫자는 취향대로 바꾸어도 됩니다.)
관리자 -> 스킨 -> html/css편집 -> stlye.css 부분에서 ".article" 끝에 삽입하면 됩니다.

.article                 { width:/*@post-width=*/ 550px ; /*@*/;line-height:160%; }




2. 펼치기/ 접기

사용자 삽입 이미지
위의 글자체, 있는 부분에   <-- 요렇게 생긴 부분을 누르면 밑과 같은 창이 나옵니다.
노란 부분 창이 생기신 것 보이시죠? 거기에 입력되는 부분은 글에서 접어져서 나오는 겁니다.
그리고, 옆의 창에서 이름을 바꾸면 more/less/ 가 아닌 다른 이름으로도 나오는 것입니다.

사용자 삽입 이미지

그 속에 쓰는 부분은 화면에서는 접어져서 나오는 거지요. 그리고 접기/펴기 이름은 옆의 창에서 고칠 수 있습니다.

펴봐요~





3. 사진 여러장 한꺼번에 올리기

사진을 올리고 나서 2장을 간격 조절을 잘 해도 화면에서는 엉뚱하게 나오기 일수입니다.
그럴 땐 밑의 기능을 이용하세요. 글입력창 아랫부분에 보면 파일업로드라는 부분이 있습니다.
여기에 파일업로드를 이용해 올리고 싶은 파일을 먼저 올리고, 어떤 모양으로 올릴 것인가 결정을 하면 되는 것 입니다.

사용자 삽입 이미지

가령 두개의 파일을 나란히 올리고 싶으면 이렇게 블럭을 잡고 2개짜리 그림아이콘을 누르면 됩니다. 떨어져 있는 파일을 블럭을 잡고 싶으시면 먼저 하나를 지정한 뒤 다음 파일을 ctrl 버튼을 누르면서 누르면 됩니다.




me2DAY
네이버 이웃 추가

Copyrightⓒ by 라라윈 All rights reserved.

우라질 연애질

댓글을 남겨 주세요

  1. 펼치기/접기 이름을 바꾸는 법을 몰랐었는데 좋은 걸 배웠네요.
    냉큼 가서 써먹어 봐야겠는데요 :)

  2. 라라누님..ㅋㅋ
    블로그 시작하셨어요? --> 블로그 시작하셨쎄여? ㅋㅋㅋ
    시대흐름에 따라가셔야죠 ㅎㅎ
    ㅋㅋㅋ

  3. 사진 올리는거..항상 궁금했었는데.. 좋은 팁입니다.^^
    사랑받으실거에요..~

  4. 이렇게 소소한 팁들이 정말 블로거들에게는 살이 되고 피가 되는 거 같아요. ^^
    저도 틈나면 나름 삽질했던 기억을 더듬어서 팁을 만들려고 카테고리도 만들었는데, 팁 포스팅이 또 보통 손이 많이 가는 작업이 아니더라고요. 그래서 텅~ 비어있다는 ㅋㅋ
    수고하셨고요, 좋은 팁들 잘 배웠습니다~!

    • 너무 작은 부분들이라 다른 분들께 일일이 묻기도 어렵고.. 찾아보니 잘 나오지도 않고 했었어요..^^
      그래서 제가 고생한 기억이 나서.. 혹여 저처럼 이런 부분이 필요하신 분들 계시면 쬠이나마 도움이 되지 않을까 하는 생각이 들었었어요...헤헤 ^^

  5. 1번은 저도 함 해볼텝니다. ^^
    소소팁 감솨합니다..^^

  6. 네이버 보다 간소한 티스토리가 더 편하고 사용하기 좋아요~

    • 처음엔 뭐든 버튼만 눌러서 정하는 네이버가 편한 것 같더니.. 이젠 티스토리가 뺄건 빼고 고칠건 고칠 수 있다는 매력이 커지네요~~ ^^

  7. 오호홋~!
    라라님 좋은 정보 감사합니다. 사실 more/less 이거 최근들어서 알게된 기능이거든요.
    이미지 배치에 대한 사항은 정말 좋네요.
    다시한번 감사를 (^^)(__)

  8. 오홋..이런 좋은 팁이..
    제 블로도 글이 빽빽해서 좀 답답한 부분이 있습니다. 그리고 블로그 이미지 상당히 ..쩝..머랄까...^^

  9. 요즘 라라윈님 글 너무 잘 읽고 있습니다. :)
    관련 글 트랙백으로 보내드립니다.

    • 와~~ 트랙백 감사합니다~~
      문플라워님께서 늘 좋은 가르침 주셔서 블로그에 대해 많이 배워가고 있습니다.. 늘 감사해요!!! :)

  10. 펼치기 접기 저렇게 하는 거였군요^^ 다른 블로그에서 펼쳐보는거 있으면 신기했는데 저도 써봐야겠어요^^

  11. 저도 띄엄 띄엄 한 거 좋아하는데 이상하게 제 블로그에서는 안되네요.
    뭐가 문제인지..
    아니.. 스킨 미리보기도 안되고 있습니다ㅡㅡ;; 어휴..
    이넘의 티스토리.. 뭐가 잘못된지도 모르겠고.ㅠ

    • 엥... 왜 스킨 미리보기도 안될까요...
      요즘 스킨이 가끔 이상하게 되나봅니다...ㅠㅠ
      저도 가끔 이상하게 제 멋대로 나와서.. ㅠㅠ

  12. 줄간격에 대한 부분 잘 배우고 가요~ ^ ^
    저도 줄간격이 너무 다닥붙어있는게 좀 싫었었거든요.
    160%로 써보고 또 맘에 안들면 조금 수정하던지 해야겠어요 ^ ^

  13. 블로그 처음 시작 하는데 많은 도움이 되겠네요. 상세하게 주셔서 잘 배우고 갑니다.^^

  14. 와~~~! 줄간격 ;ㅅ;... 댓글창의 줄간격만 다른 것이 보기 싫어서
    찾고 또 찾고 끙끙댔는데 여기대로 따라해보고 성공했어요 ^-^
    고마워요/ 라라 윈님~

    추가로 ㅡㅜ; 방명록의 댓글창은 어떻게 줄일까요,,^^;;

    • 밑에 css부분에 방명록 창 사이즈가 있을거에요...^^
      .guestbook 어쩌구 저쩌구 있는 부분에서
      박스 픽셀 나와있는 부분을 고치시면 될거에요~~ ^^

  15. 라라님
    새벽에 잠이 깼어요 넘 피곤한데..
    갈쳐주는대로 해 봅니다
    사진 여러장 올리는거
    전에는 맨날 칸을 만들어 했거든요
    이렇게 좋은 방법이 있는줄도 모르고~~^^;;

  16. 좋은 정보다 싶어 저도 줄간격 좀 바꿔 해볼려고 css 살펴봤더니
    .article { margin:5px 5px 0 5px; overflow:hidden; color:/*@post-body-color=#555*/ #555 /*@*/; /*@post-body-font-family=font-family:;*/ font-family: gulim; /*@*/ /*@post-body-font-size=font-size:;*/ font-size: inherit; /*@*/}

    왜 제껀 이럴까요--;;; 뭘 고쳐야 하죠?

    보니까 포스트 넓이가 550 이던데 만약 이보다 큰 사이즈의 사진을 올리거나 링크하면
    알아서 줄여 보여주나요. 초보라서 별개 다 궁금하네요.
    오늘 정보 많이 얻어갑니다. 그러다 보니 시간도 많이 잡아먹었네요. 감솨^^

    • 중간에 line-height:150%; 이렇게 직접 입력해주셔야 되요... ^^
      포스트 넓이보다 큰 사진들은 자동으로 넓이 조절되서 화면에 보여져요~ ^^
      저도 지금도 궁금한게 많은걸요~~
      궁금하신 것중에 제가 알고 있는 것이 있음 뭐든 갈켜드릴게용~~ :)

    • 안녕하세요, 그리 잘 알진 못하지만 그래도...
      본문보다 큰 사진을 자기 컴에서 직접 올릴땐 사진올리기에서 조절할 수 있지만...웹에 있는 사진을 바로 카피하거나 걸 경우엔 안되는것 같더라구요.
      그래서 저는 웹의 경우 일단 올리고 그 다음에 수정하러 가서 창 오른편에 있는 html에 체크하고 html에서 직접 이미지 사이즈의 width와 height를 변경해서 제 본문창에 가장 알맞게 맞춰줍니다.
      다른 더 좋은 방법이 있겠지만 제가 아는 방법이라서...도움되면 좋겠네요.

  17. 블로그 접기 펼치기할때, 글자 색은 어케해야하나요
    제 블로그 배경이 검정색이라
    그냥 그대로하니까
    글씨가 안보여서
    어딜 클릭해야할지 블록을 씌워야만 찾을수가 있네요 ㅠㅠ

  18. 라라윈님의 포스트를 왜 이제서야 봤을까요. ㅎㅎ 진작에 봤으면 저도 고생 안 했을텐데 말예요. ㅠㅠ 모자란 글 트랙백으로 남기고 갑니다. ㅎㅎ 그나저나 블로그 팁 유용한 것들이 꽤 많네요. 나중에 하나씩 하나씩 적용시켜 봐야겠어요. ^^

  19. 완전 완전, 사진 올리는 팁 감사 ^_^
    매번 사진 추가 하고, 두 장 올리려구 크기 줄이고,,, ㅠ
    너무 감사해요 ㅎㅎㅎ

  20. 감사해요..
    접기/펴기 할때 태그를 직접입력했었는데,,
    이렇게 하니 매우 편하군요. 좋은 정보 감사 감사

  21. 줄간격은 정말 유용한 팁이에요 ㅎㅎ 저도 전에 한참 찾았었거든요

  22. 잘 보았습니다. 님글보니 댓글 열심히 달아야
    할 것 같네요.
    저는 시작한지 얼마 안되어서 바쁘네요.
    함 놀러오삼.후후후

  23. 사진 여러장 한꺼번에 올리는건 오늘 처음 알았네요 ㅠ

    매일 사진을 올리면서도 으앜 ㅠ