-----------------------------------------------------------------------------------------
이 포스팅과 관련된 포스팅
- 구글블로그스팟. 템플릿(스킨) 추가 방법. 꾸며보자
1. 시작에 앞서...
이전 포스트에서 구글블로그스팟의 템플릿(스킨)을 꾸미는 방법에 대해서 간단히 살펴보았었다.
이전포스트 바로가기 -> 구글블로그스팟. 템플릿(스킨) 추가 방법. 꾸며보자
다운받아 설치된 템플릿의 경우 아래 사진처럼 임의로 메뉴설정이 되어 있는걸 확인할수있다.
방법은 그렇게 쉽고 간단하다. 모니터를 집중해서 보게되면 충분히 내가 원하는 메뉴명으로 바
꿀수 있게 된다. 그럼 아래를 순서대로 따라해보도록 하겠다.
2. html 편집
우리는 아주 간단한 html 문서를 편집할 것이다.
블로그 메인화면에서 [템플릿] -> [HTML 편집] 을 선택한다.
변경전의 코드 내용이다.
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
<li><a href='#'>Downloads</a>
<ul class='sub-menu'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='sub-menu'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>
<li><a href='#'>Uncategorized</a></li>
</ul>
</nav>
</div>
</div>
위의 코드들이 있는곳을 [Ctrl+f 키] 를 이용해서 찾아가보면 된다.
빨간색으로 표시된 부분을 자신이 원하는 [메뉴명] 으로 변경하고, # 이라는 부분에서 메뉴주소를 입력해주면 된다. 내가 변경한 부분은아래와 같이 블로그 메인 메뉴에서 확인이 가능하다.
3. 마치며...
필자도 블로그스팟을 시작한지 몇일 되지 않았다. 이전에는 네이버 및 티스토리 블로그를 이용하였는데, 디자인이라든지 관리적인 측면에서 필자의 스타일에 적합한 부분이 많았다. 태그(라벨)개념을 두고 메뉴관리가 편리하다는점, 구글애드센스 광고를 넣을수 있다는점. 마지막으로 구글서비스를 자주 이용하는 편이기도 하고, 구글이라는 점 때문에 심리적인 안정감이 생긴다.