구글블로그 만들기, 템플릿 상단메뉴 설정하기

2016/10/08 - [블로그관련/구글] - 구글블로그 만들기, 블로그스팟 시작하기
2016/10/12 - [블로그관련/구글] - 구글블로그 만들기, 템플릿 적용하기
2016/10/20 - [블로그관련/구글] - 구글블로그 만들기, 국가도메인 .com으로 고정하는 방법
2016/10/20 - [블로그관련/구글] - 구글블로그 만들기, 구글 검색엔진 검색등록 방법
2016/10/21 - [블로그관련/구글] - 구글블로그 만들기, SNS 공유버튼 addthis 설치하기
2016/10/24 - [블로그관련/구글] - 구글블로그 만들기, 저작권 표시 지우기
2016/10/24 - [블로그관련/구글] - 구글블로그 만들기, 네이버 사이트맵 및 검색요청
2016/11/01 - [블로그관련/구글] - 구글블로그 만들기, 애드센스 연결하기
2016/11/01 - [블로그관련/구글] - 구글블로그 만들기, 게시글 트위터 자동트윗
2016/11/09 - [블로그관련/구글] - 구글블로그 만들기, 게시물과 페이지의 차이
2016/11/09 - [블로그관련/구글] - 구글블로그 만들기, 카테고리 만드는 팁


템플릿 적용하는 방법에 대한 글을 작성한 후에 상단메뉴 설정하는 방법에 대한 글을 바로 작성했어야 하는데.. 귀차니즘으로 인해 늦어졌습니다. 템플릿을 적용했다면, 블로그를 꾸며야 하는데 구글블로그에는 지원하지 않는 것이 너무 많습니다. 바로 전에 포스팅을 했지만 카테고리및 상단메뉴를 지원하지 않습니다.

오늘은 템플릿에 적용되어 있는 상단메뉴 설정하는 방법에 대해 알아보려 합니다.

"구글블로그 만들기, 템플릿 상단메뉴 설정하기"



관리자 홈에서 템플릿 탭에 들어가면 현재 적용되어 있는 템플릿을 볼 수 있습니다. 온라인에 배포되어 있는 템플릿들은 대부분 상단메뉴가 제작되어있습니다 . 따라서 유저가 설정만 잘 해주면 쉽게 사용할 수 있습니다. 템플릿 탭에서 HTML편집으로 들어갑니다.


이제 HTML에서 상단메뉴 관련한 부분을 찾아야 하는데요, 처음 찾으시는 분들은 찾기가 어려울 겁니다. 일단 쉽게 찾는 방법은 CTRL+F로 검색을 하는 방법인데요, 여기서 어떤 검색어로 찾아야 하는지... 그게 참 중요합니다. 템플릿을 제작한 사람마다 용어를 조금씩 다르게 사용하는 것 같아요. 일단 상단메뉴는 header의 아래에 위치하고 있기 때문에 </head>를 검색하고 바로 아래쪽을 찾아보는 방법과, 초기에 설정되어 있는 상단메뉴로 검색해 보는 것도 좋습니다. 일단 제가 사용하고 있는 템플릿 상단메뉴는 초기에 item 1, 2, 3, 4 등으로 기본 메뉴가 만들어져 있었습니다. 그래서 item으로 검색하여 해당 위치를 찾았습니다.

HTML에서 상단메뉴 위치를 찾았다면 수정을 해야하는데요, 수정하는 방법은 어렵지 않습니다. href 부분은 각 메뉴별로 라벨 링크를 거는 주소를 작성하면 되고, 그 뒷부분으로 해당 메뉴의 이름을 작성하면 됩니다.

이 전에 작성한 글을 보신분들은 아시겠지만, 구글 블로그에서는 라벨을 이용하여 카테고리를 생성하고, 상단 메뉴를 구성해야 합니다.

라벨에 링크를 거는 방법은,

http://블로그명.blogspot.com/search/label/라벨명

으로 링크를 만들면 됩니다.

저는 메뉴 아래에 또 다른 메뉴가 있는 3단 구성입니다. 따라서 메인메뉴와 서브메뉴 밑에 또 다른 서브메뉴를 구성하였습니다.

이상입니다.

<2016.11.09 작성>

댓글(23)

  • khj
    2016.11.14 12:00

    좋은 정보 얻고 갑니다. 다만, 하단 링크를 거는 방법 주소중에서 lavel (-> label) 오타가 있어서 수정 부탁드려요. 감사합니다.

  • momo
    2016.11.30 02:21

    처음 만들려니 막막했는데 정말 많은 도움이 되었습니다. 감사드려요^^

  • 블로그스팟
    2016.12.04 01:31

    좋은 정보 고맙습니당!! 근데 글씨체는 어떻게 변경할 수 있는거죠?ㅠㅠ

  • LJH
    2016.12.04 10:32

    도움 진짜 많이 되었습니다 감사해요~ 근데 구글 블로그는 글 남기고 태그 남길 때 , 콤마만 남기면 되는 건가요? 아니면 # 도 붙여야 하나요?

  • ary
    2016.12.14 01:37

    안녕하세요 블로그를 처음 시작하는 컴퓨터에 대해 정말 무지한 학생입니다.
    너무 막막했는데 좋은 글 올려주셔서 감사합니다ㅜㅜ
    올려주셨던 템플릿 적용하기에서 템플릿 다운로드받고 지금 상단메뉴 만들어보는중인데, html 편집에서 상단메뉴를 입력하면 자꾸 상단메뉴가 들어가야 할 곳이아닌 그 위나 아래에 생기거나 아니면 아예 오류로 뜨네요ㅠㅠ
    다운받은 템플릿에는 상단메뉴가 들어갈 자리는 있지만, 텅텅 비어있는 상태라 수정할수도없고ㅜㅜ
    다섯시간째 진전이 1도 없어요!!ㅜ 어떻게 해결해야할까요..

    • 2016.12.14 08:35 신고

      템플릿을 적용했으면 상단메뉴가 적용되어 있을겁니다. html에서 상단메뉴 부분 찾으셔서 수정하시면 됩니다.

    • 2016.12.14 10:40

      비밀댓글입니다

    • 2016.12.14 19:43 신고

      블로그 주소를 남겨주세요.

  • ㅇㅇㄹ
    2016.12.21 07:14

    메뉴 만드는 방법 몰라서 검색해서 들어왔네요ㅋㅋ 얘네는 블로거가 메뉴 하나 만드는데 html편집까지 하게 만들었는지ㅋㅋ 머리 아프네요

    • 2016.12.22 20:42 신고

      그러게요.. 네이버나 티스토리만 하다보니.. 이렇게 만드는 것이 적응이 안되네요 ㅋㅋ

  • 2017.03.02 23:07

    http://joeunae.blogspot.kr/
    제 주소인데요~
    처음이라 막막해요 ㅠㅠ
    상단부분에 보면 스크롤 내리고 올릴떄 고정되는 바가 있어요
    그것떄문에 블로그타이틀을 쓰면 가려져요 ㅠㅠ
    너비조절이 가능한가요?

    • 2017.03.03 13:03 신고

      글쎄요.. 저도 html을 전문적으로 배우지 않아서.. 다른 템플릿의 경우에 잘 모릅니다. 요즘 구글블로그를 사용하지도 않고요.

  • RABBIT
    2017.03.22 21:54

    ㅎㅎ너무 잘봤습니다^^ 처음부터 끝까지 친절히 설명해주셔서 그대로 잘따라 만든 것 같아요
    정말 감사합니다!!! 나머지 수정은 차차 하면서 수정해야 겠어요^^

  • RABBIT
    2017.03.22 22:18

    조금전에 댓글 단 RABBIT이라고 합니다.^^ 한가지 궁금한게 있어서 댓글을 또달아요!!ㅎ
    위에 말씀하신대로 라벨 설정을 다하고 상단메뉴에 맞게 소스를 다 넣었습니다.
    여기서 한가지 궁굼한 점은 밑에 라벨달았던 모든 메뉴들이 하단에 대략 30개정도가 띄워져 있는데
    이거를 안보이게 할 수는 없는건가요?

  • mmm
    2017.07.03 19:22

    밤을 새고 찾아도 없어서 댓글 남깁니다 ㅠㅠ 상단메뉴의 카테고리로 글을 넣으려면 어떤 방법을 써야하나요? html 이나 링크로 할 수있는거라면 알려주시면 정말 감사드리겠습니다. 블로그스팟이긴한데 글 안에 링크를 넣어 연결시키는 것이라면 같은 방법으로 가능할 것 같아 질문드려요 부탁드립니다

    • 2017.07.03 19:31 신고

      지금 보고 계신 글이 상단 카테고리에 html로 링크거는 방법입니다.

  • 2018.01.23 01:42

    비밀댓글입니다

    • 2018.01.23 18:53 신고

      글만 봐서는 도와 드릴 수 있는 것이 없습니다. 레이아웃에서 카테고리를 구성했더라도, 구글 템플릿들의 특성상 완벽하지 않게 만들어진 것들이 많습니다. html을 뒤져보면서 부족한 부분을 직접 채우셔야 합니다.

    • JAY
      2018.01.23 20:50

      아 직접찾아야하는군요 ㅠㅠ 감사합니다!!

Designed by JB FACTORY