현재 플톡미투[1]라는 미니 블로그가 서비스 중이다. 플톡은 처음부터 공개된 상태에서 진행됐고 미투는 아직도 초대권이 있어야 가입할 수 있는 서비스이다. 그러나 이제는 초대권이 무한 리필되기 때문에 사실상 반 공개 상태로 봐도 된다.

미투를 사용해보면 알 수 있지만 미투는 사용자를 세심하게 배려한 부분이 많이 엿보인다. 처음 가입한 뒤에 나타나는 미투 사용법은 로그인을 몇번 하면 자연스레 사라진다. 미투 홈에는 doa's me2day라는 문구가 나타나지만 사용자의 미투 ID가 s로 끝나면 's도 붙지 않는다.미투에는 이처럼 사용자를 배려한 부분이 많다.

기본적으로 미투는 생각을 나르는 공간이기 때문에 관리에서 블로그를 설정하면 자동으로 자신이 미투에 올린 글을 블로그로 배달해 준다. 얼마 전까지는 미투 봇이 그날 이었는지 계속 배달을 하지 않더니 요즘은 매일, 그것도 새벽 네시에 정확히 배달하고 있다.

따라서 많은 사람들이 미투에 올린 글을 블로그로 배달하고 있는데 몇 가지 부족한 점이 있다. 하나는 예전에 이미 지적했듯 자신이 올린 글인데도 "도아님의 미투데이"처럼 '님자가 붙는다'는 점이다. 또하나는 '<LI> 태그를 이용해서 글을 배치하는데 줄간이 너무 좁고 예쁘지 않다'는 점*이다.

"도아님의 미투데이"를 '도아의 미투데이'로 바꾸는 것은 내가 할 수 있는 일이 아니므로 넘어가고 이번 팁에서는 블로그에 올라온 미투 로그를 자신이 원하는 대로 깔끔하게 바꿀 수 있는 방법을 설명하겠다. 모두 같은 방법을 사용하면 된다.

  1. 자기 블로그에 접속한 뒤 Q를 눌러 관리 페이지에 접속한다.
  2. '스킨/스킨편집'을 클릭한다.
  3. 두번째 창의 'style.css'의 마지막에 다음과 같은 코드를 추가한다.

    .me2day_daily_digest {
    line-height: 180%;
    text-align: justify;
    font-family: "맑은 고딕",굴림,"Times New Roman";font-size: 10pt;
    }
    

여기서 line-height는 줄간격을 의미한다. 일반적으로 사람들이 글 읽기에 가장 좋은 글 간격은 160%~180%라고 한다. 아래아 한글의 스타일을 보면 줄 간격이 160%으로 설정되어 있는 이유도 여기에 있다.

두번째 text-align는 글을 정렬하는 방법이다. 한글은 글을 양쪽으로 배분하는 것이 보기에 좋기 때문에 나는 justify를 사용했다. 글은 양쪽으로 배분할 생각이 없는 사람은 이 줄을 삭제하면된다.

font-family는 사용할 글꼴을 의미한다. 맑은 고딕은 처음에 볼 때는 어설퍼 보이지만 자주보면 가독성도 좋고 글꼴도 예쁘다. 아울러 LCD를 이용하는 경우 ClearType 때문에 가독성은 더 올라간다. 각각의 글꼴 이름은 쉼표로 구분하면 되며, 글꼴 이름에 공백이 포함되어 있다면 위의 예처럼 큰 따옴표(")로 인용하면 된다.

마지막으로 font-size는 글꼴의 크기를 말한다. 10pt처럼 인쇄할 때 사용되는 포인트로 표시해도 되며, 10px처럼 화소 단위로 표시해도 된다. 일반적으로 같은 값이라면 pt가 px보다느 크다. 즉 10px보다는 10pt가 더 큰 글꼴을 표시한다.

불릿은 문자가 아닌 아이콘으로 꾸미려면 다음 코드를 더 추가하면 된다.

.me2day_daily_digest li {
    list-style-image: url('http://me2day.net/images/me2day_icon.gif');
    vertical-align: middle;
}

불릿을 숫자로 하려면 다음 코드를 사용하면 된다. 아울러 margin-bottom: 1em;를 추가하면 LI 태그와 태그 사이의 간격을 조정할 수 있다. 여기서 em은 글꼴 크기에 대한 상대적인 값이다. 1em은 글꼴 크기를 얘기하면 1.5em은 글꼴 크기의 한배 반을 의미한다. px, pt, em 모두 마찬가지이지만 숫자 뒤에 공백을 두면 동작하지 않는다.

.me2day_daily_digest li {
    list-style-type: decimal;
    margin-bottom: 1em;
}

이외에도 사용할 수 있는 옵션은 상당히 많다. 더 자세한 내용은 국내 최초로 CSS 소개하고 사용한 QAOS.com의 강좌를 참조하기 바란다.

관련 글타래


  1. 미투는 생각을 나르는 공간이다. 따라서 미투에 자신의 생각만 올린다면 미투 로그 역시 글의 좋은 소재가 될 수 있다. 그러나 생각외에 잡담도 많이 올라오기 때문에 블로그에 글을 그냥 보내는 것 보다는 나처럼 미투 로그를 따로 개설해서 사용하는 것도 좋은 방법인 것 같다. 
2007/05/04 11:46 2007/05/04 11:46
글쓴이
author image
운영체제의 모든 것을 운영하고 있는 IT 블로거. IT 블로거라는 이름은 현재 시국때문에 시사 블로거로 바뀐 상태다. 그러나 나는 아직도 시사와 사회에 관심이 많은 IT 블로거일 뿐이다. 컴퓨터, 운영체제, 시사, 가족, 여행, 맛집, 리뷰등과 살면서 느끼는 소소한 일상이 블로그의 주제이다. 왼쪽의 아이콘은 둘째 딸 다예가 그린 내 모습이다.
오늘의 글
인기있는 글
조회수 많은 글 | 베오베
댓글 많은 글 | 베오베

Trackback

Trackback Address :: https://offree.net/trackback/856

  1. Subject : 미투데이 로그 꾸미기..

    Tracked from egg's 행복연구소 2007/05/04 23:40 del.

    도아님의 "미투데이 팁 미투 로그를 마음대로 꾸미기" 글을 보고 저도 한번 꾸며보고 써봤습니다. 현재 미투로봇이 블로그에 보내는 글의 형식은 <div class="me2day_daily_digest"> <ul> <li>미투에 쓰여..

  2. Subject : 미투데이 로그 꾸미기

    Tracked from 필요할때 필요한 만큼의 작은행운을... 2007/05/05 00:13 del.

    미투데이에서는 블로그로 하루치 글을 보낼 수 있다. (테테툴즈나 티스토리와 같은 블로그api를 지원하는 블로그만 가능) 이렇게 보내진 미투데이의 글을 미투로그라고 부르기로 한 것 같다. ..

  3. Subject : 미투데이 로그, CSS로 예쁘게 표시하기

    Tracked from trivial matters 2007/05/06 19:43 del.

    잇힝, 좋은 아침입니다. 아니 시원한 아침입니다. 오전 8시 48분 베란다를 통해 라면 냄새가 들어온다. 귀찮아서 아침에 빵 먹었는데, 매콤한 그 향기가 오만 잡념을 부르는구나. 오전 9시 18분 ..

Facebook

Comments

  1. 민노씨 2007/05/04 11:57

    앗! ^ ^
    항상 유익한 팁과 친절한 설명에 감사드립니다. : )
    당장 해봐야겠네요.

    perm. |  mod/del. reply.
  2. 순디자인 2007/05/04 12:21

    제 LCD에서는 맑은고딕이 깨져서 보이던데.. 와이드가 아니라서 그런가봐요..

    perm. |  mod/del. reply.
    • 도아 2007/05/04 13:53

      와이드 문제는 아닙니다. 와이드라고 해도 LCD 해상도만 맞으면 잘 나옵니다. 일부 드라이버에서 정확한 해상도를 잡지 못하는 경우가 있는데 그 문제가 아닌가 싶습니다.

  3. 농우 2007/05/04 13:02

    저는 배달된 글의 제목을 일일이 바꾸고 있습니다. [농우님의 미투데이] 이거를 말이지요....글의 첫줄 몇자를 제목으로 쓴다던지 하는 식이었으면 참 좋겠더라구요~^^

    perm. |  mod/del. reply.
    • 도아 2007/05/04 13:53

      일단 미투에 제안은 했습니다. 수정될지는 모르지만.

  4. 우리팬 2007/05/04 15:41

    CSS는 무지한지라 포스트의 본문 정렬이 이제껏 개판(?)이었는데, 덕분에 'text-align: justify' 하나 집어넣고, 마음이 가뿐해 졌습니다. 감솨함다~

    perm. |  mod/del. reply.
    • 도아 2007/05/04 18:32

      예. 한글은 역시 양쪽으로 배분해야 멋이 있더군요.

  5. 민노씨 2007/05/04 16:27

    추가코드 당장 실습해야겠군요. : )
    고맙습니다. ^ ^

    perm. |  mod/del. reply.
    • 도아 2007/05/04 18:32

      예. 이번에도 꼭 성공하시기 바랍니다.

  6. rainydoll 2007/05/04 19:03

    미투데이 블로그 보내기라는 기능이 마음에 들기는 했었지만 모양이 별로였던터라 한동안 내려놨는데, 덕분에 다시 설정하고 내일 아침을 기다리는 중입니다. 게다가 코드 하나하나까지 설명해주시니 너무나 수월하게 고칠 수 있었습니다. 좋은 정보 감사합니다. :D

    미투에도 댓글 달았으면 여기에도 :)

    perm. |  mod/del. reply.
    • 도아 2007/05/05 07:28

      미투에는 의외로 컴퓨터를 모르는 분들이 많았습니다. 그래서 QAOS.com과는 달리 조금 친절하게 설명했습니다. 도움이 되셨다니 저 역시 오늘 하루가 즐겁습니다.

  7. Kristin 2007/05/04 20:10

    항상 좋은 정보 감사합니다^^
    맨날 보고만 가서 오늘은 살짝 흔적 남겨봅니다^^

    예쁜 아가들이랑 어린이날 잘 지내세요^^

    perm. |  mod/del. reply.
    • 도아 2007/05/05 07:29

      감사합니다. Kristin님도 즐거운 주말 되시기 바랍니다. 저는 우엉맘의 친구 결혼식이라 오늘 수원으로 갑니다.

  8. egg 2007/05/04 23:40

    도아님 글을 참고로 저도 수정해보고 트랙백 걸어놓고 갑니다.. ^^

    좋은 하루 보내세요..

    perm. |  mod/del. reply.
    • 도아 2007/05/05 07:30

      예. 저도 방문해 봤습니다. 붉은문양님이랑 글의 제목이 똑 같아서 똑 같은 트랙백이 두개 온줄 알았습니다.

      즐거운 주말 되세요.

  9. 붉은문양 2007/05/05 00:14

    저도 도아님 글을 참고로 미투로그 수정해봤습니다.

    배경까지 넣으니까 정말 마음에 듭니다. 저도 트랙백 걸어놓고 갈게요 :)

    감사드려요 ^^

    perm. |  mod/del. reply.
    • 도아 2007/05/05 07:30

      예. 배경까지 넣으니까 훨씬 깔끔하고 예쁜 것 같습니다. 즐거운 주말 되세요.

  10. 썬샤인 2007/05/06 17:59

    관리자만 볼 수 있는 댓글입니다.

    perm. |  mod/del. reply.
    • 도아 2007/05/07 08:01

      초대해 드렸습니다. 메일 확인하세요.

  11. nova 2007/05/06 19:43

    아앗. 도아님 이미 포스팅하신거였네요. 어젠 초성퀴하느라 도아님이 올린 글을 못 봤습니다. 이 페이지에 링크를 걸었으면 사람들이 꽤 봤을텐데. 늦었지만 이제라도 도아님 트래픽에 기대어 선전 좀 하겠습니다. 참고로 도아님은 제 사이트 리퍼러 6위입니다. 감사드려요. ^^;

    perm. |  mod/del. reply.
    • 도아 2007/05/07 08:02

      제가 6위라니 더 분발해서 1위를 수성하도록 하겠습니다. ㅋㅋㅋ 즐거운 하루 되세요.

  12. Kristin 2007/05/26 02:18

    관리자만 볼 수 있는 댓글입니다.

    perm. |  mod/del. reply.
    • 도아 2007/05/27 07:45

      짤려 보인다는 것이 어떤 의미인지 모르겠습니다. 저는 egg님의 CSS를 사용하고 있습니다. egg님의 CSS를 참고해 보시기 바랍니다.

  13. 대륙횡단참새 2007/07/09 20:20

    어제부터 미투데이를 사용하고 미투로그 CSS의 안습으로 정보를 찾던중 가뭄의 단비 ㅜㅜ

    perm. |  mod/del. reply.
  14. 긍정의 힘 2009/08/27 11:45

    우와~감사드려요~^-^ 덕분에 이쁘게 잘 꾸미게 되었습니다~
    오늘 미투 가입했거든용~ㅋ

    perm. |  mod/del. reply.
    • 도아 2009/08/27 12:45

      저는 반대로 미투에 탈퇴한지 한참됐습니다.

댓글로 기쁨을 나눠요!

(옵션: 없으면 생략)

글을 올릴 때 [b], [i], [url], [img]와 같은 BBCode를 사용할 수 있습니다.