웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
사용중인 레이아웃의 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="검색" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=ko"></script>
</center>
<!-- Search Google -->
</div>
위와 같은 방법으로 css파일에서 제어하고 html파일에서 출력해주면 원하는 홈페이지를 만들기 더 수월할 것입니다.
샘플사이트 보러가기
원하는 위치에 구글 (맞춤)검색창 달기
2008.09.02 10:15
사용중인 레이아웃의 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="검색" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=ko"></script>
</center>
<!-- Search Google -->
</div>
위와 같은 방법으로 css파일에서 제어하고 html파일에서 출력해주면 원하는 홈페이지를 만들기 더 수월할 것입니다.
샘플사이트 보러가기
댓글 2
제목 | 글쓴이 | 날짜 |
---|---|---|
lang.xml 키워드 사용체크 프로그램 (리눅스/파이썬)
![]() | NURIGO | 2014.03.19 |
모바일 화면 사이즈 관련 팁 | 젤리빈 | 2014.03.19 |
폰갭 이용시 파일 첨부 한번에 올리기 | 웹빌드 | 2014.03.20 |
[Jquery] input box border input | pell | 2014.03.21 |
XE코어 수정없이 원하는 기능 넣기
[3]
![]() | 마이웹 | 2014.03.22 |
사용자에게 파일 내용을 뿌릴땐 fpassthru를 쓰자 [2] | DynamicLaser | 2014.03.23 |
로그인 안하면 코멘트 볼 수 없게 스킨 수정하는 법 [3] | W.O | 2014.03.23 |
메인 홈페이지와 서브페이지를 하나의 레이아웃으로 | 투씨 | 2014.03.24 |
VB.NET에서 XE로그인 연동하기.[내용추가] [3] | AppSeedKorea | 2014.03.26 |
[SocialXE] 1.7.4.x 업데이트 후 SocialXE에서 '잘못된 요청입니다.' 오류가 뜨는 문제 해결하기
[15]
![]() | TUW | 2014.03.26 |
여러가지 hover effect 모음 [1] | 드래그홈 | 2014.03.26 |
여러가지 프로토타이핑 툴 [1] | 드래그홈 | 2014.03.26 |
모바일EX 사용시, 모바일 레벨아이콘 출력하기. [11] | qwms | 2014.03.29 |
index.php에서 Parse Error가 발생한다면 [6] | YJSoft | 2014.04.01 |
[javascript]기초강좌 | 01 자바스크립트개념 | hiwebs | 2014.04.01 |
[javascript] 기초강좌 | 02 산술, 대입, 증감, 비교연산자 | hiwebs | 2014.04.01 |
코어 업데이트 후 회원가입 이름이 숫자(번호)로 뜨는 현상 수정 [1] | 자대련 | 2014.04.01 |
slidesj 사용시 자동으로 다음 사진 넘길때 | 웹빌드 | 2014.04.02 |
이전/다음 글버튼 출력 애드온의 버튼을 사이트 밖으로 빼봅시다..^^
[5]
![]() | 착한악마 | 2014.04.03 |
관리자를 제외하고는 타회원의 회원정보 보기를 막는 방법 [1] | sejin7940 | 2014.04.04 |