구글 맞춤검색기 코드
그물터 관리/HTML, CSS
2010/02/10 01:01
구글은 사용자가 검색기를 만들고 달 수 있도록 맞춤검색(Custom Search Engine: 사용자 검색기)라는 이름으로 검색기 코드를 제공하고 있습니다. 이 블로그의 차림표 밑에 있는 검색기도 구글 맞춤검색기입니다. 구글에서 기본으로 제공하는 코드는 한 가지 검색만 할 수 있어서, 이 곳에서는 검색기 종류를 고를 수 있게 고쳐 쓰고 있습니다.
아래는 이 블로그에서 쓰는 것과 같으면서 밝은 배경에 어울리는 구글 검색기 HTML 코드입니다. HTML 수정이 자유로운 블로그나 누리집에 붙여 쓸 수 있습니다.
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000">
<div class=cse-branding-logo>
<img alt="Google" src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif">
</div>
<div class="cse-branding-form">
<form id=cse-search-box action="http://www.google.co.kr/cse">
<select name="meta">
<option value="cx=partner-pub-5200439677251874:s7fnob-ituu" selected="selected">전체 웹</option>
<option value="cx=partner-pub-5200439677251874:fli051-71bs">글걸이</option>
<option value="cx=partner-pub-5200439677251874:gqx5da-dvai">유료 과제물</option>
<option value="cx=partner-pub-5200439677251874:x7v09f3pnp3">유료 과제물 제외</option>
<option value="cx=partner-pub-5200439677251874:xrp7tf-f1an">국내 학술DB</option>
<option value="cx=partner-pub-5200439677251874:a229a-ta7ca">국외 학술DB</option>
</select>
<input type="hidden" value="UTF-8" name="ie">
<input id="q" size="40" name="q">
<input class="searchsubmit" type="submit" value="검색" name="sa">
</form>
</div>
</div>
검색어를 넣는 곳의 좌우폭을 바꾸려면 size="40"의 숫자를 고칩니다. 배경색은 background-color, 글자색은 color입니다.
덧글을 달아 주세요