사용중인 레이아웃의 css파일과 html파일을 먼저 찾으셔야 합니다.

layouts 폴더에서 사용중인 레이아웃의 폴더에 들어가면 있으니 찾기 쉬울 겁니다.


혹시 모르시는 분들을 위해 간단하고 너무 쉽게 말씀을 드리자면

css파일에서는 구글 검색창의 위치와 특성 등을 설정하게 되고

html파일에서는 실질적인 출력을 설정할 수 있습니다.


css파일을 열어서 적당한 위치에 아래와 같은 부분을 삽입합니다.
(z-index를 이용하여 우선순위 설정을 하실 수 있고, position은 검색창의 설치 형태를 고정적으로 할지 상대적으로 할지 등을 설정하는 것이고 top과 left등은 상단에서 5픽셀만큼 좌측에서 290픽셀만큼의 위치에 보여준다는 얘기입니다.)

/* Site Layout - Google Search */
#search { position:absolute; top:5px; left:290px; z-index:99; }


그리고,
html파일을 열어서 원하는 위치에 아래와 같이 구글애드센스 홈페이지에서 받은 코드를 삽입합니다.
(만약, html파일을 수정했는데 적용되지 않으면 zbxe 관리자에서 생성해둔 레이아웃이 있을 것입니다. '레이아웃 편집'을 하여 원하는 위치에 넣으면 됩니다)

<div id="search">
<!-- Search Google -->
<center>
<form action="http://www.google.co.kr/cse" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-8905404942645908:x70add-3ud6" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="33" />
    <input type="submit" name="sa" value="&#xac80;&#xc0c9;" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=ko"></script>
</center>
<!-- Search Google -->
</div>


위와 같은 방법으로 css파일에서 제어하고 html파일에서 출력해주면 원하는 홈페이지를 만들기 더 수월할 것입니다.

샘플사이트 보러가기