ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 블로그 어떻게 꾸미면 되?
    IT 관련 2009. 5. 7. 09:54

    텍스트큐브 블로그를 시작한지 약 한달쯤 되었고 여기까지 온 정리를 할겸 이렇게 글을 포스팅 합니다.

    일단 제가 어떤식으로 블로그를 꾸며 왔으며 어떤식으로 작업을 했는지에 대해서 글을 적어 볼까 합니다. 일단 블로그를 시작하시기 전에 이글을 읽어 보시면 많은 도움이 되실겁니다.

     

    저는 블로그를 꾸밀때 가장 첫번째로 생각하는것이 가볍고 가독성이 좋아야 된다는게 조건입니다.

    가볍게에 제가 좀 심하게 집착을 하는데 이유는 블로그는 어떠한 사람들이 들어 올지 모르고 만약 FLASH가 너무 많아서 사이트 접속에 너무 느리다면 짜증을 받게 된다고 생각하기 때문입니다.

    그런 짜증을 갖고 글을 읽는다면 마음 편히 글이 눈에 들어 오지 않겠지요.

     

    그리고 가독성에서는 어떠한 화면에서도 동일하고 깔끔하게 보여야 된다는게 제 생각입니다.

    제가 1024화면을 갖고 있는 노트북을 쓰다보니 가로폭이라던지 아무래도 신경이 많이 쓰이더군요.

    그리고 배경에도 신경을 많이 써서 주변을 어둡게 그리고 본문은 흰색으로 해서 좀더 보기 좋게 만들었습니다. 배경색에 관해서는 아크몬드님의 이글을 읽어보시면 많은 도움이 되실것입니다.

    그리고 요즘 LCD 사용자가 많아서 맑은고딕으로 변경을 해서 좀더 가독율을 높혔습니다.(사람에 따라서 맘에 안드시는분도 계신다고는 하지만요.)

     

    비록 텍스트큐브닷컴이 스킨수정이 좀 힘들었지만 이제는 가능하게 되어서 제 입맛에 고치는것도 무척이나 부담이 없어졌습니다. 지금 이 스킨도 전혀 다른 스킨을 갖고 제가 하나하나 수정을 해서 만들었습니다. 비록 CSS나 HTML 실력이 그리 좋지 않아서 여기까지만 작업을 했지만 좀더 관심을 갖고 공부를 조금만 하시면 저처럼 이정도 수준의 꾸미기는 금방 따라 하실 수 있을것입니다.

     

    도움이 될까 싶어서 첨부로 제 skin.html/style.css을 넣어두겠습니다. 텍스트큐브닷컴 유저분이시면 이것만 갖다 붙이고 조금만 손보면 이 모양이 대충 나올것입니다.(제가 넣어둔 광고들은 삭제하고 쓰시고 어떤식으로 어디에 넣으면 스킨이 이런보양이 나오겠구나 하고 참고로 보세요. 그리고 댓글창에 이미지 넣는것도 첨부)

    좀더 첨언을 하자면 최적화를 위해 너무 많은 위젯을 사용하시지 않으시는게 나을듯 합니다.

     

    그리고 사용자 편의를 위한 UI 도 중요하다고 생각됩니다. UI의 일환으로 저는 우측에 위젯들을 깔아 두었습니다. 예를들어 검색, RSS등을 말이지요. 보통 사람들은 오른손 잡이로 마우스를 쓰시는 분이 많으실 것입니다.(그리고 애플의 OSX의 아이콘도 우측에 다 배치되어 있다죠) 거기에 착안을 두어 이런식으로 바꾸긴 했습니다만 가독성을 위한다면 위젯을 최하단으로 내리는것도 좋은 방법이라고 생각됩니다. 흔히 말하는 1단 스킨입니다.

     

    이러한 여러가지가 하모니를 이룰때 좀더 제 블로그에 오시는 분에게 편안하게 글을 읽을 수 있지 않을까 싶습니다.

     

    다음에는 RSS 전체 공개를 여러가지 리더로 볼때 최적화의 내용에 관해서 한번 다루어 보겠습니다^^

     

    덧. 댓글창에 이미지 넣으려면 skin.css 파일을 열어서

    .tt-input-div textarea {
      width:350px;
      height:110px;
      overflow:visible;
      background:url( 이미지주소) no-repeat right;
    margin:5px 0; padding:5px; top:5px; color:#666666;

     

    이런식으로 background부터 추가해 주시면 됩니다.

    댓글 16

    • 프로필사진

      저도 네이버 블로그하다가 티스토리 갈아타니
      참 블로그 휑~ 하더군요. 역시 가장 큰 문제가 html/css 만지는거
      같아요. 그래도 danzy님 처럼 좋은 정보 올려주시는 분들이
      있어 도움을 많이 받았지요.^^

      2009.05.07 11:53
      • 프로필사진

        저도 네이버에서 왔습니다만 정말 네이버 같은곳에서 쓰다가 설치형이나 테터기반으로 오면 뭘해야 될지 정말 감이 하나도 안오죠..@_@

        그래도 인디아나밥스님은 댓글에 이미지도 넣으시고~ HTML 같은것도 잘하시는거 같아서 부러워요..;ㅁ;

        2009.05.07 14:21
    • 프로필사진

      스킨들이 비슷하다보니..
      자신만의 색깔만들어내기가 가장 어려운것도 같더군요~
      좋은 정보감사합니다~

      2009.05.07 14:19
      • 프로필사진

        맞아요!
        텍스트큐브닷컴은 안그래도 스킨 부족인데 비슷비슷한것들도 너무 많고..
        테터기반들은 인기 스킨들이 거의다 많이 쓰셔서 개성이 좀 없고...
        정말 HTML/CSS를 제대로 공부를 해야 할듯..orz

        2009.05.07 14:24
    • 프로필사진

      지금은 블로그전성시대라고 해도 될 것 같아요..
      거의 비슷비슷하니 어느 것을 골라 쓰느냐는 블로거한테 달린 듯 합니다..

      2009.05.07 21:00
      • 프로필사진

        옙 맞는말씀입니다 :)
        선택은 자신이 하는것이닌까 말이죠^^

        2009.05.07 22:09
    • 프로필사진

      형, 티스토리 스킨이랑 다르다고 뭐라고 하는건 아니고...

      본문 배경이 회색이면 좋겠어, 주변부가 회색이고 본문이 흰색이니 눈이 아파 -_-;;

      그리고 댓글란의 그림의 투명도를 좀 낮추는건 어떨까, 댓글 내용이 잘 안보임(물론 쓰면서 내용 알면 되지만...)

      2009.05.08 20:06
    • 프로필사진

      추가로, 내 해상도가 1400x1050인데...

      본문 폰트가 깨져뵈 - _-;;

      단적인 예로 '블로그' 라는 글이 '을로그' 로 보임;;

      2009.05.08 20:08
    • 프로필사진

      아, 파폭에서만 깨져뵈네...

      왜이러지 - _-;;

      2009.05.08 20:09
      • 프로필사진

        일부러 본문은 흰색에 검은 글씨로 좀 집중력을 높힌건데;;
        폰트는 아마도 맑은 고딕으로 설정해서 그런가..
        웹폰트 설정해둔거 지워 봐야겠다.

        파폭이 좀 까닭스러워;

        2009.05.09 06:54
    • 프로필사진

      흐음 잘보고 갑니다 적용까지 ^^;;

      감사합니다~!

      2009.05.11 00:58
      • 프로필사진

        잘 달으신거 보았습니다
        블로그를 멋지게 꾸미셨더군요..^^

        2009.05.11 09:28
    • 프로필사진

      좋은거 많이 배우고 갑니다 ㅎㅎ

      근데 맨 위에 텍스트뷰크 ㅋㅋ

      2009.05.11 18:49
      • 프로필사진

        앗! 오타 지적 감사합니다.
        어째 검색기에 안걸리나 했더니 오타때문이었군요..--;

        많은 좋은팁 가져 가세요 :)

        2009.05.11 23:56
    • 프로필사진

      블로그 꾸려가기 힘드네요^ ㅎ
      블로그 시작한지 며칠 안됐는데,^^ ㅎ

      2009.06.26 14:03
      • 프로필사진

        하나하나 따라하다 보면 금세 따라오실 겁니다 ;)

        2009.06.28 13:46
Designed by Tistory.