구글 블로그 드랍다운 메뉴 추가하기

  구글 블로그 드랍다운 메뉴 추가하기 


안녕하세요. 물먹고하자입니다 :)

구글블로그로 옮긴지 오래 되었는데, 글쓰거나 본문안에 HTML 넣는 부분은 좋은데..

디자인(테마)가 너무 구려요 (ㅠㅠ 디자이너 없는 느낌)

구글무료 테마 + 다른곳에서 구해오는 방법도 있는데,

나중에 마음에 안들거나 호환성 문제가 검증이 된게 아니다 보니 안쓰게 되더라구요.


그래서 오늘은 블로그 페이지를 직접 바꿔보기 위한 단계로 드랍다운 메뉴 넣는 방법 알아보겠습니다.



  준비과정

현재화면 중 기본으로 제공되는 메뉴가 아닌, 드랍다운으로 정리하고 싶음.

우선 HTML의 DropDown Menu 를 구성하는 코드 알아보기
https://www.w3schools.com/howto/howto_css_dropdown.asp
사이트가 너무 잘되어있네요 HTML 자료 필요시 찾아보기 편하겠어요

테마 맞춤설정 > CSS 영역의 값 CSS 값들 추가.

레이아웃에 HTML/자바스크립트 구성에 DIV로 태그 추가.



  마무리

예전부터 언제하나 했는데, 요즘 블로그 사이트들이 이쁜게 너무 많다. 이놈의 구글블로그는 테마랑 폰트가 마음에 안드는데, 구성이라도 조금씩 바꿔봐야할 것 같다.

오늘은 간략하게 끝.


즐거운 시간 보내세요~

댓글