링블로그-그만의 아이디어 :: 광고 없는 검색센터 만들기

우연찮게 올블로그 글을 보다가..여름하늘님의 "네이버와 엠파스를 구글처럼 가볍게 사용하기.' 글을 읽었는데요...
http://skysummer.egloos.com/1231363

몇가지 소스를 뺀 상태에서 파일로 HTML을 만들어 홈페이지로 지정하기 식인 것 같습니다.

그런데 예전에 왜 개인 홈페이지가 많이 만들어졌을 때 홍보용으로 각 검색엔진들이 '검색창 달기'라는 소스 퍼가기를 통해 검색란을 제공했었거든요..

예를 들어 아래를 방문해보시면 (설치형)블로그나 홈페이지에 검색창을 달 수 있습니다.

네이버 검색창 달기
http://guide.naver.com/conect_serv/nexearch.html

구글 검색창 달기
http://www.google.com/intl/ko/searchcode.html

야후 검색창 달기
http://kr.docs.yahoo.com/info/yahootogo/

파란 검색창 달기
http://searchc.paran.com/help/search_barB.php

첫눈 검색창 달기
http://blog.1nooncorp.com/index.php?pl=59&ct1=4

우편번호 검색창 달기
http://www.epost114.co.kr/link.html

여기 나와 있는 소스만으로도 HTML 파일을 간단히 만들어 저장해둔 다음 라이트형 검색 페이지를 만들 수 있죠. 여러 소스를 한꺼번에 한 파일에 담으면 '라이트형 검색 센터'가 되겠죠?

아, 그리고 그냥 구글처럼 라이트형 검색 사이트를 보고 싶다면 도메인 앞에 'search.'을 붙여보세요. 광고 없는 페이지로 시작할 수 있습니다.
예를 들어 엠파스는 search.empas.com 이구요. 드림위즈는 search.dreamwiz.com 입니다.

이 방법을 사용하면 다음이나 네이버, 야후는 검색 센터로 이동하면서 여전히 어지러운 것도 사실이죠.

그런데, 어쨌든 이것만으론 좀 산만하죠?

그래서 각 검색을 좀 편하게 만드려면 아래 소스를 복사하셔서 'allsearch.html' 정도의 이름으로 파일을 저장하시고.. 이 파일을 홈페이지로 지정하시면 편할 겁니다.

<allsearch.html> 소스 ------------------------------------------
<html>
<body>
<SCRIPT language=javascript>

function doSearch()
{
var words;
var f= document.cnjform;
words = f.query.value;
var searchitems;
searchitems=addplus(words);
var index;

index = f.service.selectedIndex;
if (index>=1)
    {
    var site;
    site = f.service.options[index].value;
    site+=searchitems;
    if (notEmpty(searchitems))
       {
window.open(site,"CnJ_Win"); // 새창일때
//window.open(site,"CnJ_Win","width=800,height=550,status=yes,scrollbars=yes,toolbar=no"); // 팝업창일때
              // parent.프레임네임.location=site // 프레임이 있을때
      // window.location=site; // 현재창에
       }
    }
else
    {alert("\n검색엔진을 선택하세요");
    f.service.style.backgroundColor = '#FFEDA6';
    }
}

// 검색어 입력 필드 체크하는 부분
function notEmpty(word)
{
var f= document.cnjform;
if (word == "" || word == null)
    {
    self.status="검색어를 입력하십시오.";
    alert("검색어를 입력하십시오.");
    f.query.style.backgroundColor = '#FFEDA6';
    f.query.focus();
    return false;
    }

else if (word == "검색어입력")
    {
    self.status="검색어를 입력하십시오. ::::> http://www.ringblog.net"; // 검색어 입력 안했을때 상태바에 메세지
    alert("검색어를 입력하십시오.");
    f.query.value = "";
    f.query.style.backgroundColor = '#FFEDA6';
    f.query.focus();
    return false;
    }
else
    {
    self.status = "검색어 : " + word + " ::::> http://www.ringblog.net"; // 검색어 입력 했을때 상태바에 메세지
    return true;
    }

}

</script>

</tr>
<tr>
<td align="center" bgcolor="white"><font size="2">검색어</font></td>

<td bgcolor="white"><input name="query" VALUE="검색어입력" size=35 onfocus="this.select()"

onblur="document.cnjform.query.style.backgroundColor = '';"></td>

</tr>
<tr>
<td align="center" colspan="2" bgcolor="white">
<input type="button" value="검 색" onClick="doSearch()" style="background-color:rgb(240,240,240);border-width:1pt;

height:16pt;cursor:hand;">
<input type="reset" value="취 소" style="background-color:rgb(240,240,240);border-width:1pt; height:16pt;cursor:hand;">
</td>

</tr>
</table>

</form>

</body>
</html>
----------------------------------------여기까지 소스^^

눈치 채신 분들도 있을겁니다. 이 페이지를 프레임을 나눠서 다른 프레임으로 검색결과를 넘긴다면 브라우저 하나로 순식간에 여러 검색을 돌려보며 비교해볼 수 있다는 말씀..^^

* 추가 내용1 : 사실 다음, 네이버 등은 암만 찾아봐도 검색창 달기 소스를 보여주지 않네요.. 흠.. 괴씸한..^^ 그래도 이 소스를 이용하면 다른 옵션을 다 지우고 하나의 검색 엔진만 등록해 사용할 수 있다는 거 눈치 채셨겠죠?

* 추가 내용2 : 이 소스, 제가 만들진 않았습니다. 예전에 홈페이지를 만들다가 구한 것인데요. 그 소스 안에는 '라이코스', '알타비스타', '한미르' 등이 있더군요..--;; 그래서 제가 조금 손 보고 확인한 내용을 올리는 것입니다. 원 저작자는 저도 모릅니다.

Writer profile