구글 블로그(blogger)에서 html를 이용하여 메뉴 구현하기

구글 블로그(blogger)에서 html를 이용하여 메뉴 구현하기

아래는 html/javascript 가젯을 활용하여 간단한 메뉴를 구현하는 과정이다.

1)레이아웃 항목에서 html/javascript 가젯을 추가한다.

2)html/javascript 구성에서 내용란에 아래의 샘플 코드를 작성하고 저장한다.

3)위에서 작성한 코드는 html을 이용하여 심플한 상단 메뉴를 작성하는 코드로 예제로 자주사용된다.

빨간색 영역에서 id를 test_html로 정의한다.

초록색 영역에서 클릭하면 해당 주소로 링크되는 메뉴를 정의한다(home, menu0, menu3)

파란색 영역에서 각각 서브 메뉴가 3개인 메뉴 menu1, menu2를 정의한다.

4)위에서 저장한 가젯을 원하는 위치에 배치한다(클릭,드래그) 아래 예에서는 가젯이 헤더 아래 위치하도록 레이아웃을 설정하였다.

현재 설정을 블로그에 반영하려면 상단우측에 배치 저장을 클릭한다.