블로그 어떻게 꾸미면 되?

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

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

 

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

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

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

 

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

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

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

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

 

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

 

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

invalid-file

invalid-file

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

 

그리고 사용자 편의를 위한 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부터 추가해 주시면 됩니다.