웹마스터 팁
[레이아웃관련] 구글검색 달기
2011.11.04 11:25
요즘은 사이트내에서 보다 구글 검색이 더 잘되고,
또 부하도 없기 때문에, 구글을 이용한 검색을 구현해 봅니다.
이런 식이면 좋겠네요.
레이아웃에서도 기본값을 수정할 수 있게끔 하는게 편할것 같고요.
검색사이트주소와 검색창넓이 검색타켓지정정도만 변수로 받아오면 되겠네요.
그럼 간단하게 소스구성을 해보겠습니다.
레이아웃의 conf/info.xml 에 추가합니다.
<extra_vars>
<group>
<title xml:lang="ko">검색사이트설정</title>
<var name="search_site" type="text">
<title xml:lang="ko">검색도메인주소를 넣어주세요</title>
<description xml:lang="ko">구글의 검색사이트(기본www.xpressengine.com)를 입력해주세요.</description>
</var>
<var name="search_width" type="text">
<title xml:lang="ko">검색창의 넓이</title>
<description xml:lang="ko">구글의 검색창넓이(기본180)를 숫자만 입력해주세요.</description>
</var>
<var name="search_target" type="text">
<title xml:lang="ko">검색타켓</title>
<description xml:lang="ko">구글의 검색타켓(기본_blank)을 입력해주세요. (_blank/_top)</description>
</var>
</group>
</extra_vars>
이제 layout.html만 수정하면 되겠는데,
상단부분에는,
<block cond="!$layout_info->search_site">{@ $layout_info->search_site = 'www.xpressengine.com'}</block>
<block cond="!$layout_info->search_width">{@ $layout_info->search_width = '180'}</block>
<block cond="!$layout_info->search_target">{@ $layout_info->search_target = '_blank'}</block>
이렇게 기본값만 지정해주고,
적당한 위치에 아래의 소스를 넣으면 됩니다.
<!-- SiteSearch Google -->
<script type="text/javascript">
function searchfield_focus(obj)
{
obj.style.color=""
obj.style.fontStyle=""
if (obj.value=="Search {$layout_info->search_site}")
{
obj.value=""
}
}
</script>
<form style="font-size:9pt;" method=get action="http://www.google.co.kr/search" target="{$layout_info->search_target}">
<input type=hidden name=ie value=utf-8>
<input type=hidden name=oe value=utf-8>
<input type=hidden name=hl value=ko>
<input type=hidden name=domains value="{$layout_info->search_site}">
<input type=hidden name=sitesearch value="{$layout_info->search_site}" checked>
<input onfocus="searchfield_focus(this)" style="width:{$layout_info->search_width}px;color:#808080;" type="text" name=q size="30" value="Search {$layout_info->search_site}">
<input type=submit name=btnG value="Search" title="Search">
</form>
<!-- SiteSearch Google -->
끝~
참고링크는 http://www.visionXE.com/search 입니다.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
E-Mail을 ID로 사용하기 [3] | June Oh | 2010.02.25 |
공용 head內선언문들은 /common/tpl/common_layout.html | 인터니즈2 | 2011.11.04 |
[레이아웃관련] 구글검색 달기 | 인터니즈2 | 2011.11.04 |
mp4 파일을 JW Media Player에 재생할 수 있도록 변경하기 [5] | 세비군 | 2010.05.26 |
글자 깨짐 없이 문자열 자르기(hex2bin 함수 이용) [13] | 미친개 | 2003.04.05 |
1.4.5.10->1.5.06 전환 성공기 executeQuery오류 문제및 다량 문제 발생해결 [2] | phonetest | 2011.10.21 |
더블클릭으로 페이지 위,아래 이동하기 [4] | 라싸 | 2011.09.22 |
리플카운터 [3] | 인터니즈2 | 2011.10.25 |
Error has occurred while connecting DB 에러에 관한 해결법 | 안녕하소 | 2011.10.26 |
XE 이클립스 개발환경 만들기 [7] | 행키 | 2011.10.19 |
[동영상강좌] 홈페이지에 BGM을 달아보자 [5] | 서기 | 2007.01.10 |
글쓴이에 이름과 닉네임 같이표시하기 [3] | 천재경 | 2011.10.20 |
글작성후 목록으로 이동하기 [8] | ezi | 2011.07.08 |
xe_board 스킨에서 제목 윗 부분이 짤리는 경우.. [1] | 천재경 | 2011.10.19 |
메타태그(Meta)의 모든것 [11] | ZipShin | 2002.06.20 |
홈페이지 접속시 XE를 바로 실행하기(XE를 /xe/ 폴더에 설치한 경우) [5] | Firstlove | 2011.06.12 |
관리툴 회원관리에서 확장변수로 검색 시 숫자 이외 검색불가 해결 방법 | 카리브 | 2011.10.10 |
PHP 5.3.x DEPRECATED 에러 해결하기 [2] | 난다날아 | 2011.01.21 |
The result is not valid XML 오류중 하나 해결 | 쿨럭이 | 2011.10.10 |
큰 파일의 썸네일이 안생길때 해결방법-추가 [7] | HIKARU | 2008.03.18 |