웹마스터 팁


사용중인 레이아웃의 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파일에서 출력해주면 원하는 홈페이지를 만들기 더 수월할 것입니다.

샘플사이트 보러가기
제목 글쓴이 날짜
관리자 페이지 날짜 검색과 스크랩. [1] 무얼까2 2014.12.24
추천인 표시 [11] socialskyo 2013.10.17
XE 템플릿에서 $_SESSION 변수 사용하기 신평 2014.12.21
심플한 XML 플래시 이미지 갤러리 [7] file maxtabby 2010.12.21
CSS 코드를 손쉽게 prefix/minify 변환해주는 사이트 file sojumeister 2014.12.18
1.7.4 용 youtube, vimeo, ted 썸네일 적용 document.item.php 수정방법 [9] file 남자인간 2014.02.17
제이쿼리 충돌시 팁 바나나소프트 2014.12.15
웹진/갤러리에서 썸네일 클릭 시 원본 이미지 보기 + HighSlide JS 적용 (수정) [18] 고진감래 2009.10.17
여러게시물을 작성시 쓰기버튼 노출의 여부로 고생할 때.. file BJ람보 2014.12.15
위젯 많은 페이지 - 부하 분산으로 속도 향상하기 [4] 엘카 2014.12.12
xe 에디터를 외부페이지에사용하기 [26] 정박사닷컴 2012.07.11
파일 삭제시 (글 수정시 파일삭제 / 파일관리에서 삭제 등) 사용자정의값이 삭제되지 않도록 패치 [3] sejin7940 2014.12.11
폰갭 작업시 폰 내부 html에 변수 전달 방법 (get) Happyphp 2014.12.09
IE에서 스크립트 생성 iframe 요소에 name 속성 지정이 무시될 때 신평 2014.12.08
파일첨부 된 글을 게시글 이동시, 사용자정의 값이 전부 삭제되는 버그 패치 [5] sejin7940 2014.11.20
블루호스트(Bluehost)에서 XE 제로보드 및 텍스타일 블로그 서브도메인에 설치하기 [4] file TELSTER 2011.03.25
jq로 데이터 입력시 enter키 먹게 하기 [3] Happyphp 2014.11.27
Simplestrap css, js cdn에서 로드하기 [5] file Typhoon 2014.08.29
bing 번역 함수 만들어 사용하기 Happyphp 2014.11.26
Animate 사용 돼지코구뇽 2014.11.26