다양한 리뷰 쓰고 IT와 디자인 정보를 전달하는 블로거

11.08.2017

Blogger | blog spot 메뉴(카테고리) 만들기

blogger(blog spot) 메뉴(카테고리) 만들기
아마 많이들 불편하다고 생각하는 것 중 하나가 바로 메뉴(카테고리)를 만드는 것이 아닐까 합니다. 한국 블로그처럼 그냥 메뉴 추가하고 거기에 글을 쓰는 구조가 아니었어요. 방법은 여러가지가 있었는데, 저는 다운받은 템플릿에 메뉴란이 만들어져 있어서 이름만 수정하고, 각 글에 해당하는 태그(라벨)를 연결시켜 주었습니다.



위 사진은 다운받은 무료템플릿에 기본적으로 셋팅되어 있는 메뉴가 나타난 모습입니다. 이걸 수정하면 되는데요, 무료 템플릿에는 메뉴가 거의 다 깔려있는 것 같습니다.

'레이아웃'으로 들어가면, 'Main Menu'라는 박스가 보입니다. 밑에 '수정'버튼을 클릭하면, 밑에 사진처럼 메뉴 이름과 주소를 수정, 삭제, 위치변경 할 수 있는 팝업이 뜹니다.

blogger_blog spot

* '_(언더바)'가 있는 메뉴는 하위메뉴입니다. 밑에 언더바는 지우지 말고, 글자만 바꿔줍니다. (기본 템플릿은 해당X) 저는 포스팅 수가 별로 없어서 그냥 삭제했습니다.

'Edit'를 클릭하면 메뉴를 수정할 수 있는 공간이 나타납니다. 각각 메뉴이름과 라벨 페이지 주소를 붙혀넣고 save를 눌러 저장합니다. 실수로 링크목록 자체를 지웠다면, '가젯추가 - 링크목록'을 추가해서, 파란색 박스대로 적은 뒤에 '링크추가'를 누르면 됩니다.

→ 여기서 라벨 페이지 주소란? 
https://자신의 블로그 주소/search/label/태그명(ex:리뷰)?&max-results=7(한페이지에 표시할 게시물 수)
(Ctrl+C를 눌러 복사하세요.)

태그(라벨)을 클릭하면 그 태그에 해당하는 게시물만 불러오기때문에 메뉴 역할을 할 수 있습니다. 복사해서 붙혀넣은 뒤에 수정합니다. 라벨 페이지 주소까지 붙혀 넣었다면 저장을 누르고,
좌측상단에 있는 '블로그 보기'를 눌러 잘 수정됐는지 확인해봅니다.



》 태그(라벨)을 이용해서 메뉴 만들기

기본 템플릿의 경우엔 메뉴란이 없기 때문에 링크목록을 활용하거나, 그냥 태그(라벨) 자체를 카테고리로 쓰기도 합니다. 
레이아웃에서 원하는 섹션에 태그가젯을 추가합니다.

blogger_blog spot

'선택한 라벨'체크 후 수정버튼을 누르면, 보여주고 싶은 라벨만 체크할 수 있습니다. 표시방법은 목록형/클라우드형 2가지가 있는데,

blogger_blog spot
위에가 목록형이고, 밑에가 일반적인 태그형(클라우드)입니다.
메뉴로 쓰려면 목록형이 낫겠지요.



》 HTML을 삽입해서 메뉴 만들기

근데 태그는 해당하는 글이 없으면 태그목록에 안 나와서 불편한 점이 있었습니다. 그래서 원하는 위치에 HTML/JavaScript 구성 가젯을 추가하고, 이미 만들어져 있는 메뉴소스를 붙혀넣는 방법이 보편적이었습니다.


구글에 '블로그스팟 메뉴 만드는 방법'이라고 검색하면, 고수님들의 글들이 많이 나옵니다.

무료 템플릿은 이미 다 꾸며져 있어서 좋지만, 막상 적용하면 구현되지 않는 것도 있고, 저작권자가 따로 있기 때문에 수정하는데 한계가 있어서 안 좋은점도 있는 것 같습니다. 나중엔 그냥 기본템플릿으로 자유롭게 꾸밀 수 있었으면 하는 바람입니다.

초보자들은 자칫 레이아웃을 망칠 수 있어서, 스킨(테마)은 자주 바꾸지 않는게 좋을 것 같아요. 항상 백업해두는 습관을 가지는 것도 중요합니다!! 아무튼 국내 시스템이랑 너무 달라서 공부 많이 해야 할 것 같네요.😱

댓글 8개:

  1. 안녕하세요
    혹시 지금 사용하시고 계시는 템플릿을 알 수 있을까요?

    답글삭제
    답글
    1. 답글이 늦었네요. 아래는 제가 사용하고 있는 템플릿명과 다운받을 수 있는 주소입니다.
      템플릿명: Faster Fast Loading Blogger Template
      다운로드 및 데모: https://www.templatesyard.com/2017/09/faster-fast-loading-blogger-template.html(반응형이라 창 크기를 줄이면 테블릿 및 모바일 레이아웃을 확인하실 수 있습니다.)
      무료템플릿사이트: https://www.templatesyard.com

      근데 이게 PC일때는 마음에 드는데 약간 예전 템플릿이라 모바일일때 상단 메뉴가 휴대폰 기본디자인으로 변하고 목록 썸네일이 깨지는 단점이 있습니다. 저도 지금과 최대한 비슷하면서도 살짝 다른걸로 바꾸려고 하는데, 템플릿 변경이 좀 번거롭다보니 계속 미루고 있네요.ㅜㅜㅎㅎ 제가 링크 걸어 놓은 사이트나 다른 무료템플릿 사이트에서 이것과 비슷한 최근 템플릿을 골라보셔도 좋을 것 같아요.

      삭제
  2. http://ykage.blogspot.com 제 블로그인데요. 페이지에 보이는 게시글수를 10개씩 보이게 하고 싶은데
    어떻게 해야되는 지 아시는가요??? 5개 보였다가, 3개만 보였다가 뒤죽박죽이라...

    답글삭제
    답글
    1. 답변이 늦었네요. 저도 그런적이 있는데, 제 경우에는 사진이 너무 많아서 페이지당 표시되는 게시물이 설정한대로 나오지 않는거더라구요~ 각각의 게시물 편집을 통해 점프브레이크를 넣으니까 게시물 수가 늘어나더라구요~ 제가 올렸던 포스팅에 그 내용이 나와있는데, 도움이 될 수 있을지 모르겠지만 링크 적어두겠습니다.
      Blogger | 페이지 당 게시글이 몇 개밖에 나오지 않을 때 해결방법(점프브레이크)
      https://sosolifemiya.blogspot.com/2019/09/bloggerjumpbreak.html

      삭제
  3. 안녕하세요, 구글 블로그로 만든 교회홈페이지인데 (www.gmcgc.org
    )사진앨범과 설교영상이 같은 리스트에 올라있어서요,,,따로 분리할수 있는 방법을 찾고 있어요 알고계신다면 저에게 알려주실수 있나요?

    답글삭제
    답글
    1. 죄송하지만 올려주신 링크는 블로그가 아니라 홈페이지라 제가 답변을 드릴수가 없네요.ㅠ 홈페이지를 구축한 에이전시나 프로그래머분께 문의하셔야 할 것 같습니다.^^

      삭제
  4. 좋은 정보 감사합니다. 제 구글 블로그 꾸미는데 도움이 되었습니다.

    답글삭제