블로그 메뉴 꾸미기(만들기)

블로그가 홈페이지보다 좋은점은 뭐가 있을까요? 모 여러가지가 있겠지만 디자인적인 측면에 보면 일단 만들기 쉽고 스킨이 다양해서 쉽게 변경이 가능하다는 것입니다. 하지만 많은 스킨에도 불구하고 스킨의 일부분이 마음에 들지 않는경우가 많습니다. 저는 복잡한것보다는 심플한 스킨이 좋아서 Pure Black (text) 스킨을 사용하지만 텍스트위주로만 스킨이 만들어져서 블로그 헤드 부분이 조금을 썰렁한 느낌이 들어서 늘 신경이 쓰였는데.. 웹서핑을 하던 중에 스타일시트(css)를 이용한 메뉴 샘플을 만들어 놓은 곳이 있어서 바로 메뉴수정에 들어가서 지금은 상단에 보이는 것처럼 꽤 보기 좋게 메뉴가 배치가 되어 있습니다.

블로그 상단에 보이는 메뉴는 기본적으로  지역로그, 태그, 미디어로, 방명록으로 구성이 되어 있지만 메뉴변경을 하면서 추가로 몇개의 메뉴를 더 넣었습니다. 아래는 블로그 메뉴의 변경전과 변경후의 스샷화면입니다.

  변경전 메뉴

블로그메뉴 변경전

  변경후 메뉴

블로그메뉴 변경후

지금부터 이어지는 내용은 티스토리 기준으로 작성이 됩니다. 하지만 기본적인 html/css만 알고 있다면 소스 수정이 가능한 홈페이지나 다른 블로그에도 적용은 가능합니다.

누구나 쉽게 블로그 메뉴를 꾸밀 수 있습니다.

메뉴 준비

메뉴는 직접 제작을 해도 되지만 Dynamic Drive라는 사이트에는 여러종류의 CSS 메뉴 Library가 있어서 얼마든지 마음에 드는 메뉴를 골라서 쓸수가 있습니다.

CSS 메뉴 모음 사이트

 

css 사이트접속. 먼저 CSS  Library에 접속을 하여 좌측메뉴중 Horizontal CSS Menus를 클릭하여 메뉴를 고릅니다.(세로메뉴는 그 아래 Vertical CSS Menus)

CSS 메뉴 리스트

CSS 메뉴 리스트

 

css 메뉴 소스. 맘에드는 CSS 메뉴를 고른다음 제목을 클릭하여 들어가면 아래그림처럼 데모 및 CSS, 그리고 메뉴구현을 위한 html소스가 표시됩니다. 아래그림에서 보면 이미지자리가 비어 있는데 이미지가 없다는 것이며, 이미지가 있는경우는 메뉴구현이 한단계 더 있습니다. (이미지를 스킨에 업로드하는 등의 단계)

CSS 메뉴 소스 (css 와 html)


소스 복사. 위 화면에서 css와 html을 따로 따로 메모장등에 복사를 해둡니다.
               ( 위의 파랑색 원으로 표시된 Select Code를 클릭하면 전체선택이 됨 )

스킨(skin.html) 편집

css 소스를 이용하는 방법은 여러가지 방법이 있습니다. 여기서는 skin.html이 조금 복잡한면이 있지만 그래도 작업이 가장 쉬운 skin.html에 직접 삽입하는 방법을 택하도록 하겠습니다.
먼저 혹시 모를 사고에 대비하여 스킨을 저장해둡니다. (저장방법:스킨-스킨을 선택후 스킨저장)

skin.html의 상단부

css 삽입. 위 그림의 노랑색 박스위치에 <style>와</style>을 적어주고 그 사이에 미리 복사해둔
              css 소스를 삽입합니다.

CSS 소스삽입 예
아래와 같이 <style type="text/css">를 적어주고 css 소스를 삽입한다음 마지막에 다시 </style>을 적어줍니다.

 <style type="text/css">
     이곳에 css 소스를 삽입합니다.
 </style>

 메뉴 수정. 메뉴를 수정하기 전에 먼저 각각의 메뉴의 링크주소를 복사하여 메모장등에 보관을 해둡니다.
                이제 위 그림에서 블로그 메뉴부분은 유사시에 대비하여 주석처리를 해둔 다음 메모장에 보관된
                html소스를 삽입합니다.

skin.html에 기존메뉴는 주석처리하고 새로운 메뉴를 삽입한 모습

<li> 와 </li> 사이에 메뉴를 삽입하면 됩니다.
필요한 경우 <li>태그를 사용하여 추가할 수도 있습니다.

이제 미리보기를 통해서 이상이 없는지 확인한다음 이상이 없으면 저장하면 끝입니다.
아직 제 블로그를 찾아주시는 분들이 html이나 css를 잘 모르는 분들이 계셔서
최대한 자세하게 설명을 하려고 했는데 이해가 가는지 모르겠습니다.

2009.6.25일 추가

메뉴추가를 어려워 하시는 분들이 많아서 제 스킨파일 일부를 첨부합니다.
skin.html 과 style.css에서 메뉴 부분만 발췌했습니다.

Kay~의 글을 RSS로 편하게 구독해보세요!  

댓글을 달아 주세요

댓글창에 배경그림 넣는방법

  1. BlogIcon 함차 2008/12/09 13:27  댓글주소  수정/삭제  댓글쓰기

    역시..저도 포토샵을 못해서..메뉴구성을 어떻게 해야하나 고민했었는데..
    다시 배우게 되네요..그리고 구글은 답이 없습니다. 다중블로그
    다시 구글 포럼이랑 정책을 살펴보니 말씀하신대로 여러 사이트에 애드센스 계정을 게재해도 무방하다고 나와있네요..그래서..지금 준비중입니다..ㅎㅎ

  2. BlogIcon 드자이너김군 2008/12/09 16:16  댓글주소  수정/삭제  댓글쓰기

    탭메뉴 어려워용 ㅠㅠ
    제 마음에 드는 그런 블로그 레이 아웃을 만들기 위해선 정말 피나는 노력을 해야 하겠더라구요 ㅡ.ㅡ;;

    • BlogIcon Kay~ 2008/12/09 21:12  댓글주소  수정/삭제

      하하..그래서 본인이 가능한 부분만 수정을 하는거죠. ㅎㅎ
      암튼지간에 스킨에 공들인 시간만 해도 블로그 포스팅 수십개는 하지 않았을까 하는 생각이 드네요. ㅋㅋ

  3. BlogIcon Mr.MindEater™ 2008/12/09 16:18  댓글주소  수정/삭제  댓글쓰기

    헉. 그러니깐..부분만 저렇게 삽입하면 바뀐다는 얘긴가요???
    좋은걸요..대신 약간의 공부가 필요하겠군요.

    • BlogIcon Kay~ 2008/12/09 21:13  댓글주소  수정/삭제

      예. css부분 삽입하고
      html 부분은 실제 메뉴를 만드는 부분으로 샘플에서 메뉴이름만 변경하면 된답니다.

  4. BlogIcon 오심즉여심 2008/12/09 16:32  댓글주소  수정/삭제  댓글쓰기

    헉..어렵다..이건 제가 할 수 있는 범위 밖 같은데요 ㅠㅠ

    • BlogIcon Kay~ 2008/12/09 21:15  댓글주소  수정/삭제

      ㅋㅋ 변수만 없다면 해보면 그리 어렵지 않은데..
      저 사이트에서 소스 다 주는데..가져가 붙여넣기하면 되는데..ㅎㅎ

    • BlogIcon 오심즉여심 2008/12/10 11:50  댓글주소  수정/삭제

      전 사진보고 고대로 따라해도 뭐든 한번에 되는 법이 없어요 ㅠㅠ 변수를 부르는 여자라고 아실런지..ㅋ

    • BlogIcon Kay~ 2008/12/10 18:13  댓글주소  수정/삭제

      하하.. 아마도 급한 성격때문이 아닐까 생각하는데..
      여유있게 차근 차근 해보심이.. ㅋㅋ

  5. BlogIcon 빨간여우 2008/12/09 18:57  댓글주소  수정/삭제  댓글쓰기

    자세하게 설명된 이 좋은 정보를 보고도
    갑자기 머리가 아픈 건 저만 그럴까요..ㅠㅠ

    역시 어려버요..ㅡㅡ;;;

    • BlogIcon Kay~ 2008/12/09 21:15  댓글주소  수정/삭제

      ㅋㅋ 원래 말로 하면 쉽게 할 수 있는것을
      글로 설명을 하려다 보니 복잡하게 보이는 것입니다.
      실제 액션은 몇번 없어요!

  6. BlogIcon bluwindy 2008/12/09 19:56  댓글주소  수정/삭제  댓글쓰기

    좋은 정보군요, 상단 메뉴를 어떻게 하면 바꾸지하고생각했는데.. 상단에 메뉴를 그렇게 바꾸셨군요, 시간이 며칠나야 도전해 볼 수 있는 작업같네요!

  7. BlogIcon lovemaker 2008/12/09 20:20  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다^^

  8. BlogIcon Adios 2008/12/10 00:26  댓글주소  수정/삭제  댓글쓰기

    우와.. 비밀을 하나 풀어내셨네요 ^^

  9. BlogIcon 시골친척집 2008/12/10 17:24  댓글주소  수정/삭제  댓글쓰기

    정말 정말 바꾸고 싶어요~

    예전에 홈페이지 소스를 한번 건들었다가 폭탄 맞은 이후로
    다시는 이런거 안 만지려고~~^^;;

    • BlogIcon Kay~ 2008/12/10 18:14  댓글주소  수정/삭제

      하하.. 이제는 스킨 저장기능이 있어서
      작업전 먼저 스킨을 저장해놓고 작업을 하면 걱정이 없답니다.
      홈페이지는 블로그보다 훨씬 복잡하지만 블로그는 홈페이지에 비해서 아주 쉽고 간편하죠..
      원래가 부셔먹으면서 배우는거에요.. ㅋㅋ

  10. BlogIcon monopiece 2008/12/10 18:34  댓글주소  수정/삭제  댓글쓰기

    저번에 말씀드렸던 거 잘 안되네요. 메일 보내드려야 할 것 같습니다.. ㅜ.ㅜ

  11. BlogIcon 행우니 2008/12/13 22:20  댓글주소  수정/삭제  댓글쓰기

    이제서야 이걸 포스팅 하셨군요 ㅎㅎㅎㅎ
    저는 요새 귀차니즘? 때문에 블로그 꾸미는거에 신경을 거의 안쓴답니다. ㅋㅋ
    이거 접목시켜야 하는데 언제 하죠?? ㅋㅋㅋ
    역시나 좋은 정보 감사드린답니다..

    • BlogIcon Kay~ 2008/12/14 11:10  댓글주소  수정/삭제

      그러게 말입니다.
      아주 예전에 행우니님께서 메뉴 어떻게 다느냐는 질문을 주셨었는데..
      이제서야.. ㅋㅋㅋ
      나중에 포스팅이 귀찮아질때 그때 하세요!

  12. BlogIcon 리제네 2008/12/14 19:15  댓글주소  수정/삭제  댓글쓰기

    마지막 부분에 약간 의문이 들어 댓글을 남깁니다. -ㅂ-;
    skin.html 부분을 수정할때..
    <!--블로그 상단 메뉴--> 다음에 html 태그를 삽입하라고 하셨는데..
    정확히 '블로그 상단 메뉴'가 어디부분인가요 ? ;ㅂ;

    • BlogIcon Kay~ 2008/12/14 22:47  댓글주소  수정/삭제

      <!-- 블로그 상단 메뉴 --> 와
      <!-- 블로그 상단 메뉴 끝 --> 부분이 삽입했을떄의 모양입니다.

  13. BlogIcon jyongs 2008/12/28 23:36  댓글주소  수정/삭제  댓글쓰기

    답변 가능하신지 모르겠는데 뭐 좀 여쭤볼게요.
    티스토리 블로그 메뉴가
    홈 로케이션 태그 미디어 게스트북 어드민 뉴포스트 ㅡ 이렇게 있잖아요.
    그런데 이중에 몇개 빼고 싶어요.
    그래서 css에서 그 항목있는 줄을 확 빼버리니까 블로그상에서 볼때 그냥 그 항목이 블랭크가 되어버렸어요.
    저는 텅 비는게 아니라 그냥 그 항목이 없어지고 밑에 있던 항목이 위로 딱 올라왔으면 하거든요...
    어떻게 수정해줘야 되나요...??

    아 그리구요,
    블로그 매뉴 전체 탭을 좌우가 아니라 그냥 위로 보내서 '렬'이 아니라 '행'으로 정렬시키고 싶은데 이것두 css 만지면 가능한가여...?

    답변해주시면 정말 감사하겠어요~

    • BlogIcon Kay~ 2008/12/29 09:06  댓글주소  수정/삭제

      안녕하세요~jyongs님!
      일단 질문하신 부분은 skin.html에서 해야 하는 내용입니다.
      스킨마다 다르겠지만 jyongs님의 경우로케이션을 빼고 싶다면 skin.hmtl에서 아래내용을 찾아서 빼면 된답니다.

      <li class="tab_localog"><a href="/location">Location Log</a></li>

      그리고 메뉴도 역시 skin.html에서 소스수정을 해야 하는데..
      아무래도 스킨과 맞아야 하기 때문에 skin.html과 style.css 두군데를 손봐야 할것입니다.

  14. BlogIcon Adios 2009/01/03 19:53  댓글주소  수정/삭제  댓글쓰기

    급질문입니다!~!

    K님 설명대로 바꿨더니.. 애들이 너무 공중에 떠있어요
    새로운 매뉴바가 너무 높은 위치에 있네요. 게다가 줄도 포스팅 영역과 사이드바영역까지만 줄이 그어지네요
    K님처럼 여백까지 커버가 안됩니다.. ^^

    • BlogIcon Kay~ 2009/01/04 14:21  댓글주소  수정/삭제

      아이구 제가 이제서야 봤습니다.
      스킨이 어떤 스킨인지 잘 모르겠지만..
      일단보니까 테이블을 사용해서 그런것 같습니다.

      <table width="900px" align="left" border="0" cellpadding="0" cellspacing="0" style="background-image:url();background-repeat:no-repeat;">
      <tr>
      <td valign="top" style="padding-top:43px; ">

      테이블의 폭이 900px로 되어 있고
      td에서 패딩이 43px로 되어 있어서 메뉴와 제목의의 공간이 생기껏 같아요!
      테이블은 일부러 만들어 넣으셨나요? 테이블을 빼면 이상없이 나올것 같은데요!

  15. BlogIcon 은이사랑 2009/02/02 21:54  댓글주소  수정/삭제  댓글쓰기

    저도 위에분이랑 똑같은 현상 나타납니다. 어떻게 해야될지 잘모르겠네요..
    그리고 참고로 같은 스킨입니다. ^^

  16. BlogIcon 은이사랑 2009/02/03 15:54  댓글주소  수정/삭제  댓글쓰기

    ㅎㅎㅎㅎ 저는 해결했습니다. ㅎㅎㅎ

  17. BlogIcon 꿈꾸는 소피 2009/02/06 18:07  댓글주소  수정/삭제  댓글쓰기

    저에게 정말 필요했던 거예요...
    정말 감사드려요..
    그런데..제가 할 수 있을런지 모르겠네요..ㅠㅠ 쉽진 않겠어요...

    • BlogIcon Kay~ 2009/02/07 16:01  댓글주소  수정/삭제

      일단 시도를 해보는 것이 좋을것 같습니다.
      시도를 하면서 많은 것을 배울수가 있거든요!
      그리고 잘 안되면 말씀하세요! ㅎㅎ
      제가 도움이 될 수 있는 범위에서 팍팍 밀어드릴께요!

  18. BlogIcon 피터날아라 2009/02/06 19:04  댓글주소  수정/삭제  댓글쓰기

    저 4시간동안 님의 블로그 메뉴 그럴싸하게 꾸미기를 시도중입니다.
    슬슬 짜증이 밀려오고 있으며
    다됐다 싶더니 이미지 추가하려고 하니 요건 설명에 안나와 있더군요 ㅠ
    도와주세요......
    3.9번 메뉴 도전중인데요.....메뉴사이의 이미지가 들어가질않네요.....도와주세요 ㅜoㅜ

    • BlogIcon Kay~ 2009/02/07 16:08  댓글주소  수정/삭제

      허걱! 이메뉴 부분은 블로그를 조금 운영하다 하는것이 좋지 않을까 생각을 합니다.
      블로그 디자인도좋지만 처음에는 포스트가 더 중요한게 아닐까생각을 합니다.
      메뉴 부분에 들어가는 그림은 스킨위자드와 관련이 되어 있고요.
      블로그 이름을 이미지로 하고 싶을때는 별도로 이미지를 업로드 해야 합니다.

    • BlogIcon Kay~ 2009/02/07 16:12  댓글주소  수정/삭제

      블로그 상단 메뉴 꾸미는 부분에 대해서는 별도로 포스팅을 하려고 생각중에 있답니다.
      간단하게 설명이 되지 않거든요!

  19. BlogIcon 타락한자 2009/02/12 18:32  댓글주소  수정/삭제  댓글쓰기

    위 본문내용처럼따라했는데 안되네요..ㅠㅠ 무반응..;

    • BlogIcon Kay~ 2009/02/17 23:25  댓글주소  수정/삭제

      아무 내용도 보이지 않는다는 것인가요?
      좀더 자세히 설명을 해주시면 도움이 될만한 답글을 적을텐데 말입니다.^^

  20. BlogIcon serinfo 2009/02/17 23:15  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다. 메뉴는 아니지만... 덕분에 타이틀을 바꾸게 되었어요. 늘상 마음에 안들었거든요. 타이틀 글꼴이 ^^

    • BlogIcon Kay~ 2009/02/17 23:30  댓글주소  수정/삭제

      아 그러시군요! ^^ 이곳에서는
      타이틀에 관한 소스만 노출이 되었지 아무 언급도 없었는데..
      보시고 수정하셨나봐요! ㅋㅋ 나름 실력이 있으신듯 합니다.

  21. BlogIcon 타락한자 2009/02/18 14:45  댓글주소  수정/삭제  댓글쓰기

    css 를 복사하여 붙이고 저장하고 블로그로 가보면 아무 반응이없어요..
    저번엔 됬는데 말이죠..ㅡㅡ; 됬다 안됬따 그러네요..에효..ㅋㅋ 한 일주일간 포기상태로..그냥둿는데..
    이번에 다시 정확히 해봐야겠어요

  22. BlogIcon 재키™ 2009/03/05 09:58  댓글주소  수정/삭제  댓글쓰기

    카이님 글을 참고해서...저도 블로그에 메뉴를 추가했습니다...^^

    트랙백도 걸어놓고 갑니다...

  23. BlogIcon 수현hs 2009/03/09 11:09  댓글주소  수정/삭제  댓글쓰기

    어이쿠..저 지금 머리 뽀개집니다=_=
    그래도 최선을 다해보겠어요!!!!! 좋은 팁 감사합니다^^

    • BlogIcon Kay~ 2009/06/25 21:30  댓글주소  수정/삭제

      어? 스킨을 바꾸셔서 원상태가 되어버렸나봐요! ^^
      스킨 이게 참 문제인것 같습니다.

    • BlogIcon Lou Rinser 2009/06/26 12:10  댓글주소  수정/삭제

      수정하고 수정해서 쓰고 있답니다^^
      (상단 메뉴는 Kay~님의 포스트를 보고 낼름 바꿨구요~)
      그러다보니 처음의 모습은 온데간데 사라져버린, 현재는 그냥 그런 평범한 스킨이 되었다지요~ㅎㅎ

  24. BlogIcon Reignman 2009/06/05 22:02  댓글주소  수정/삭제  댓글쓰기

    나이스네요..
    덕분에 상단메뉴를 만족스럽게 바꾸었답니다. ^^
    제 블로그에도 소개하겠습니다. ㅎㅎ

    • BlogIcon Kay~ 2009/06/25 21:34  댓글주소  수정/삭제

      아! 잘 꾸미셨군요!
      아무래도 이 글이 초보자들에게는 조금 어려운듯 합니다.
      레인맨님은 가볍게 해결하신것 보니 컴에 대해서 잘 아시는것 같네요! ^^

  25. BlogIcon sssagagi 2009/06/11 05:19  댓글주소  수정/삭제  댓글쓰기

    몇시간만에 겨우 성공했네요 하여튼 처음치곤 만족해요 감사합니다

  26. BlogIcon 꿈꾸자 2009/06/21 01:45  댓글주소  수정/삭제  댓글쓰기

    정보 감사합니다. 몇일 해서 겨우 성공했습니다.
    초보인가봐요. ㅎㅎ

    • BlogIcon Kay~ 2009/06/25 21:38  댓글주소  수정/삭제

      어디에 문제가 있는지 시간내서 좀 살펴봐야겠네요! ㅎㅎ
      너무 어려운것인지...
      성공 축하드립니다. ^^

  27. 지나가던 사람 2009/06/25 20:20  댓글주소  수정/삭제  댓글쓰기

    The CSS은 </head>와<bord>사이에 넣고 The HTML를 기존 블로그 메뉴를 삭제 하고 붙여 넣기 한다는 말인가요? 또 css를 넣으면 자꾸 블로그 이름과 메뉴가 겹쳐서 님처럼 녹색 구분선이 검은색 메인 밑에 오게 하려면 어떻게 해야 하는지.. 왼쪽과 오른쪽 끝에 맞게도 어떻게 해야 하는지좀 알려 주세요..

  28. BlogIcon Momo™ 2009/06/26 10:40  댓글주소  수정/삭제  댓글쓰기

    제 블로그에도 힘들었지만 끝내는 적용 했습니다..
    마지막에 올려 주신 skin 소스가 많은 도움이 되었어요..
    비앤아이님, 감사합니다..
    이제 파워 블로그를 향한 끝없는 포스팅만 남았군요.. ^^

    • BlogIcon Kay~ 2009/06/27 14:21  댓글주소  수정/삭제

      아! 성공하셨군요!..
      그럼 정말.. 파워블로그를 향한 끝없는 포스팅...
      즐겁게 하세요! ㅋ

  29. BlogIcon 쿠이쯔 2009/07/09 08:50  댓글주소  수정/삭제  댓글쓰기

    우와 !!! 좋은 정보 감사드립니다^^

  30. BlogIcon Fedor. 2009/08/06 00:04  댓글주소  수정/삭제  댓글쓰기

    안녕하세요 케이님 블로그를 개설하는데 이렇게 좋은 정보를 제공한다는 사실에 감사드립니다.

    쭈욱 따라하면서 궁금한게 몇가지가 있어서 물어보려하는데 번거로우시진 않나 걱정이 되네요^^;

    케이님메뉴바는 B&I Home -애드센스팁-블로그팁-CSS이렇게 가시는데

    제 메뉴바는 우측에 치우쳐서 가운데나 왼쪽으로 간격을 맞추어서

    배치하려고 하는데요

    이럴경우는 어떤 소스를 붙여야 하는지 궁금합니다.

    아 , 추가적으로 메인과 메뉴바의 글자색상을 같이 적용하려면 어떤 소스가

    들어가는지 궁금합니다.

    그리고 위의 CSS과 HTML을 다른걸 적용해보려 하였는데

    위에서 얘기해주셨던 <style type="text/css">와 </style>이

    CSS소스안에 이미 들어가져있던데 상관은 없는건가요? 제가 적용을 하니

    전혀 이상하게 되더라구요. 혹시..제가 스킨위자드를 이용해서 이미지를 넣었다가

    지저분해보여서 깔끔하게 보이게 하려고 이미지사용을 해제시켰거든요.

    혹시 그것때문에 메뉴바가 적용이 안되는지 궁금합니다.

    무지질문이 많았네요^^; 더운여름 주말에 강풍을 동반한 비가 온다던데

    어서 더위좀 식혀줬으면 합니다^^;

    - 아아 올리고 나니 질문이 한가지 더 들더라구요 ㅠ-

    사이드바 메뉴의 전체 색상을 바꾸지 않고

    케이님처럼 최근글/최근댓글/카테고리 의 색상이

    각각 다르게 하려면 어느부분을 손대야 할지 궁금합니

    다~

    • BlogIcon Kay~ 2009/08/11 00:08  댓글주소  수정/삭제

      음.. 질문이 많아서 ㅋㅋ 얼른대답을 할 수가 없네요!
      메뉴바도 스킨에 따라서 정렬이 달라진답니다.
      직접 만드실것이라면 기존 메뉴 부분을 주석처리하고
      메뉴를 새롭게 적어주면 쉽게 변경이 가능합니다.
      물론 필요한 정렬 명령을 적어주셔도 됩니다.

      그리고 <style ...> </style> 태그는 skin.html에서만 사용하는 것이랍니다.
      style.css에는 넣으면 안됩니다.

      <style...> 부분이 적용이 안되면 메뉴가 안나올것입니다.

      그리고 사이드바 제목 생삭은 우측 상단의에서
      "사이드바"로 검색을 해보시면 필요한 내용이 검색될것입니다.

  31. BlogIcon 아침형인간 2009/08/06 16:48  댓글주소  수정/삭제  댓글쓰기

    안녕하세요, 덕분에 블로그에 메뉴를 달았습니다.
    염치불구하고 똑같은 메뉴를 달게 되었습니다. ㅠㅠ 나름 찾으려고 했는데, 새로하니깐 메뉴위치 조정이 이상해지더라구요. ㅠ

    다름이 아니라 "블로그 이름"하고 메뉴" 사이에 틈이 없어요. 이 사이에 공간을 조금 두고 싶은데
    무엇을 수정해야하나요? 좀 알려주세요 ㅠ.ㅠ

    • BlogIcon Kay~ 2009/09/20 12:52  댓글주소  수정/삭제

      예. 그렇군요!
      메뉴 부분의 공간은 style.css를 수정해야 합니다.
      style.css의 header 부분은 아래와 같습니다.
      #header {
      width:/*@post-width:250=*/ 870px /*@*/;
      margin:0 auto;
      padding:0px 0 0 30px;
      }
      여기서 padding 3번째 값을 변경해보시기 바랍니다.
      padding:0 0 20px 30px 과 같이요!

  32. olleh! 2009/09/18 05:17  댓글주소  수정/삭제  댓글쓰기

    잘배워 갑니다 블로그에 똑같이 적용했어요 ㅋㅋ 계속 잘 배워 갈께요

  33. BlogIcon 빠삐코 2010/01/28 15:39  댓글주소  수정/삭제  댓글쓰기

    오늘 개설 하고 메뉴 어떠케 만드나 찾아보고 있는데, 이거 보고도 이해가 안가요
    너무 어려워요 ㅜㅜ 이미 편집부분에 css 만 넣었는데 그 담이 안되요...

  34. BlogIcon 유리 2010/02/13 01:59  댓글주소  수정/삭제  댓글쓰기

    헤헤- 덕분에 잘 배워갑니다! 그런데 이미지 있는 건 어떻게 해야하나요?; 그냥 업로드 해봤지만 이미지는 적용이 안되네요ㅜ;

  35. 어색대마왕 2010/07/07 09:41  댓글주소  수정/삭제  댓글쓰기

    티스토리초대받아서시작했는데무지허게어렵네요~^^많은거배워갑니당^^

  36. BlogIcon 아이엠디네로 2012/03/23 18:35  댓글주소  수정/삭제  댓글쓰기

    좋은정보 감사합니다 ㅎㅎ
    티스토리 처음하는데 디자인하기가 어려워서
    여러가지로 검색해보고 찾다가 비앤아이님 블로그를 알게되었네요~
    블로그로 돈벌기 팁도 알고싶었는데 마침 여기에 여러가지정보가 있네요!
    구독신청했습니다 +_+ 앞으로 자주 들릴거 같네요 ^~^
    앞으로도 좋은정보 감사합니다 크~




티스토리 툴바