블로그의 가로폭은 얼마정도로 지정해줘야 방문하시는 분들에게 모든 내용을 보여줄 수 있을까요? 저 뿐만아니라 다른분들도 자신의 블로그를 직접 꾸미시거나 각 블로그의 기능등을 통해 본문 영역 사이즈를 조정하시곤 합니다.

하지만 무작정 블로그의 가로폭을 늘리신다면, 방문하시는 분들에게 불편함을 줄 수도 있습니다.


고해상도를 지원해주지 않는 노트북으로 제 블로그를 방문할 경우 위의 이미지 처럼 블로그 전체를 한눈에 볼 수 없게 됩니다. 사실 위처럼은 안보이겠죠 ^^;;;


■ 블로그 방문자의 해상도는?


제 블로그를 방문해주시는 분들의 화면 해상도입니다.
(자세한 정보는 Google Analytics에서 확인이 가능합니다 ^^)

가장많은 1280x1024이고 두번째로 많은것은 1024x768 사이즈입니다.
보시는것처럼 작은 모니터에서 많이 방문을 해주시는것이죠.
대략 모니터가 14인치(?) 정도 되는것 같습니다.^^ 아마 노트북이 많으신것 같아요.

만약 제 블로그의 가로폭이 1280 보다 크다면 방문자중 50%정도는 한 화면에 모든 내용을 볼 수 없게되는 것이죠. 그만큼 블로그의 가로폭이 크다고해서 좋은것만은 아닙니다.^^



■ 자신의 블로그 영역 수정하기

1. 새로운 스킨 적용시


블로그를 처음 만들고 스킨을 설정하거나 다른 스킨으로 변경할때 사용할 수 있습니다.
스킨이미지 하단에 있는 스킨위자드 버튼을 클릭하면, 새로운 창이 뜨고, 게시글탭에 있는 글영역의 넓이를 조정할 수 있습니다. 티스토리에서 제공하는 스킨들은 대부분 900~1000정도의 블로그 가로영역이여서 스킨마다 다르지만 조금의 여유는 가지고 있습니다. ^^

그렇기 때문에 저해상도에서도 블로그가 짤려보이지 않고 정상적으로 한 화면에서 볼 수 있죠.


2. CSS 수정하기


현재 제 블로그의 전체 사이즈 입니다.
최소한 해상도가 940정도만 되도 본문 글 내용과 우측 영역이 한화면에 보이게 되죠.

사실 스킨변경후 자신의 블로그 사이즈를 변경하는것은 추천하지 않습니다.
어느정도 HTML과 CSS, 이미지 편집프로그램등 신경써야하는 부분이 많이 있기때문이죠.

기존 CSS
#body{width:940px} - 본문 영역 처음시작점과 우측영역 마지막 지점까지의 가로 사이즈
#content{width:725px} - 본문 영역의 가로 사이즈
#sidebar{width:200px} - 우측영역의 가로사이즈

변경 CSS
#body{width:1040px} - (변경된 본문 영역) +  (변경된 우측영역) 가로사이즈 (ex) 기존 940 + 100 = 1040
#content{width:775px} - 본문 영역 50 커짐
#sidebar{width:250px} - 우측영역 50 커짐

CSS를 이용한 블로그 사이즈 변경은 사실 조금 복잡합니다.
위 처럼 변경한다고해서 끝나는게 아닙니다. ^^
본문 영역 또는 우측영역의 가로사이즈가 변경 될 경우 해당영역의 이미지가 이상하게 보일 수 있습니다.

혹시, 블로그의 사이즈를 변경하고 싶으시다면 HTML/CSS를 잘 아시는분에게 부탁하는 방법이 가장 빠르고 확실하겠죠 ^^ 만약 도전정신이 강하신분들에게는 테스트를 할 수있는 블로그를 하나 만드셔서 직접 테스트해보는 것이 좋을 것 같습니다.


■ 마치며,

자신의 블로그의 가로폭이 얼마나 되는지 확인하는 방법은 포토샵으로 확인하는게 가장 좋을것 같아요. 티스토리에서 제공해주고 있지는 않습니다. 기본 스킨도 가로폭이 얼마나 되는지도 안적혀있죠 ^^

혹시 궁금하신분들은 답글 남겨주시면 제가 보고 알려드릴게요~^^
신고
Posted by 별군

댓글을 달아 주세요

  1. 제블로그는 본문 가로폭이 570인데 3단이다보니 오른쪽 왼쪽으로도 쓰는 폭이 제법되요. 노트북으로 보면 딱 한 화면에 들어오는 사이즈가 좋은듯해요. 저도 놋북을 주로 쓰다보니^^

    2010.11.12 08:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 요즘 많은분들이 놋북을 쓰고 있기때문에 그 화면에 맞게 블로그를 꾸며주는게 가장 좋은것 같아요 ^^
      최소한 1024사이즈에는 맞춰주는게 좋을듯해요

      2010.11.12 09:42 신고 [ ADDR : EDIT/ DEL ]
  2. 저는 본문 가로폭이 720인가 됩니다.
    그런데 이미지는 600을 맞추고 글자도 되도록이면 680이내로 하려고 노력합니다.
    하지만 그렇게되면 글자를 따로 맞추어줘야 하는 문제가 생겨서 지금 나름대로 고민중입니다.
    다른 컴에서 제 글을 봤을때 줄과 폰트가 어그러지는 현상을 보면 정말 짜증이 납니다.
    특히 올포스트의 가로폭은 포스팅 송고를 아예 그만할까도 신중하게 고민하게 만드네요

    2010.11.12 08:41 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저랑 비슷하시군요 ^^
      올포스트의 경우 저는 거의 신경끄고 있어요. 스타일이 제대로 적용이 안되는것 같기도 하고 ~~

      2010.11.12 09:45 신고 [ ADDR : EDIT/ DEL ]
  3. 가로폭은 좁은게 글을 읽는데 좋은거 같더라고요..

    2010.11.12 09:24 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 너무 넓다보면, 저해상도에서는 스크롤 이동도 해야하고 너무 넓어서 시선이 많이 움직여야하죠. 저도 어느정도는 좁은게 좋은것 같아요~ 한눈에 글도 쏙쏙 잘들어오고 ^^

      2010.11.12 09:46 신고 [ ADDR : EDIT/ DEL ]
  4. 전 큰 사진을 넣을경우 읽기 쉽게 하기위해 가로폭은 600이상은 되야하지 않나 생각들더군요^^

    2010.11.12 09:34 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 특히 사진블로그 하시는분들이 가로폭이 꽤 넓으시더라구요.
      저는 큰 사진을 넣을경우에는 일단 본문에 맞게 넣고~ 원본사진을 원할경우엔 클릭으로 보는게 더 좋지 않을까 생각합니다 ^^

      2010.11.12 09:47 신고 [ ADDR : EDIT/ DEL ]
  5. 일단 전체폭은 1024를 시준으로 만드는것이 아직은 좋을것 같구요 ^^;
    사이드바가 250 px인게 광고를 넣기도 좋은것 같지만
    본문폭이 또 넘어 작은것도 보기가 싫더라구요 ^^;

    2010.11.12 09:39 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 넷북처럼 작은 노트북들이 많이 보급되서 그런지, 저해상도를 사용하시는분들이 많더라구요~
      저도 제 블로그에 많은 분들이 저해상도인지 처음 알았어요 ^^
      아마 계속 1024 사이즈가 대세를 이루지 않을까 생각합니다.

      2010.11.12 09:49 신고 [ ADDR : EDIT/ DEL ]
  6. 아직은 1024 기준으로 잡고 작업을 해야 할듯 합니다.~~

    2010.11.12 16:44 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 맞습니다 ^^ 그런데 앞으로도 그래야 하지 않을까요 ㅠㅠ
      갑자기 큰 모니터를 쓰는 사람이 많지 않은이상 ㅠㅠ

      2010.11.12 23:15 신고 [ ADDR : EDIT/ DEL ]
  7. 블로그 가로폭 처음에 잘못설정하면, 후에 수정하기 무척어렵잖아요..
    좋은정보 잘 보고 갑니다..

    2010.11.12 18:37 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 맞아요. 저도 포스팅하면서 수정하는 방법을 찾아보니까 좀 복잡하더라구요.
      초기에 기본 스킨 사이즈를 사용하는게 가장 좋은것 같아요

      2010.11.12 23:16 신고 [ ADDR : EDIT/ DEL ]
  8. 본문영역가로사이즈가 스킨위자드에서 게시글 글영역넓이랑 같은건가요?
    제껀 넘 좁아서 위자드로 680으로 조정했거든요. 첨엔600/
    저도 노트북으로 사용하는데, 정말 생각보다 많은 분들이 노트북,넷북을 사용하시네요.
    궁금했던건데 감사감사^^

    2010.11.13 00:56 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 본문 영역이 게시글 글 영역이죠^^
      블로그 전체 가로 사이즈와는 다른 ~
      요즘엔 넷북이나 놋북이 많이들 사용하시는것 같아요!!!

      2010.11.17 15:13 신고 [ ADDR : EDIT/ DEL ]
  9. 사진을 좀 크게 보이고 싶어서 본문을 저도 좀 늘렸는데....
    저도 노북으로 제 블로그를 자주 보는데, 다 안보이는...;;
    블로그 꾸미기 본인 위주가 아닌 방문자 위주로 꾸밀 필요성이 있는것 같아요..^^;

    2010.11.13 03:52 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 블로그 꾸미기는 정말 보는 사람들을 위해 잘 꾸며야겠어요.
      구경오신분들이 하나도 안보이시면, 다시는 안올수도 있으니까요 ^^

      2010.11.17 15:14 신고 [ ADDR : EDIT/ DEL ]
  10. 저는 10인치 넷북써서 가로폭이 너무 넓은 블로그,
    사진 크기가 큰 블로그는 보기 버거워요 ㅠㅠ
    옆에 따라다니게 하는거 별군님은 오른쪽에 있지만 왼쪽에 있는것 있잖아요
    그런건 본문 보기도 힘들어요 ;;;;
    마우스 휠로 위아래 해도 보기 힘들어서
    직접 스크롤 위아래로 움직여야 하거든요

    2010.11.13 20:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 헙!!! 그렇군요~!! 저 따라다니는 배너들...
      어떤 블로그를 보니까 본문이랑 겹쳐져서 뭔 내용인지 읽기 힘든블로그도 꽤 있더라구요~

      2010.11.17 15:14 신고 [ ADDR : EDIT/ DEL ]
  11. 저는 680정도를 쓰고 있는데요~ 작은 노트북에서 보려니 가로 축이 생기더라구요..
    수정을 좀 할까 싶기도 하지만 해놓은 것도 많고 더이상 무서워서 못하겠어요 ㅜ_ㅜ

    2010.11.15 02:27 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 사실 사이즈 조정하는게 좀 까다롭긴 한것 같아요~
      하나만 바꾼다고해서 바로 잘 보여지는것도 아니고;;;
      여러번 생각하게 되죠 ^^

      2010.11.17 15:15 신고 [ ADDR : EDIT/ DEL ]
  12. 동영상 기준으로 650정도면 적당하지 않나 싶네요. ㅎ

    요즘은 10인치 넷북도 많이 쓰셔서... 너무 크면 곤란;

    2010.11.17 07:02 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 너무 커져버리면 작은 모니터 쓰시는분들에게는 불편하기만 하죠.
      정말 좋은 내용, 꼭 필요한 내용이 아니라면 그냥 닫아버리실듯;

      2010.11.17 15:16 신고 [ ADDR : EDIT/ DEL ]
  13. 제블로그의 전체 넓이와 본문넓이, 사이드바 넓이를 알고싶습니다 ㅜㅜ 더불어 양쪽 여백의 길이도 알고싶습니다... 어떻게 하면되죠?

    2011.03.30 18:40 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 좋은 글 잘 읽고 갑니다. 다만, 공감 버튼이 없어 미처 누르지 못하고 갑니다.

    2016.04.03 12:09 신고 [ ADDR : EDIT/ DEL : REPLY ]


티스토리 툴바