Posted on 2007/11/16 06:06
Filed Under 컴퓨터 일반/파이어폭스

사용자 삽입 이미지사용자 삽입 이미지

IE에 내 블로그 검색엔진 달기

우리의 불여우 오른쪽 위에 보시면 여러 검색 사이트을 선택해서 검색하는 기능이 보입니다.


요기에! 우리가 쓰는 블로그 ( 사실 블로그일 필요도 없지만 ) 검색엔진을 달아보는 겁니다 ㅎㅎ

재미있겠죠~ ? 방법도 쉽습니다! ㅎㅎㅎ 단 설치된 서버 환경에 따라 힘들듯도 합니다만...

OpenSearch plugins for Firefox

일단 영어가 되시는 분들은 위 링크로 들어가시면 제대로 아실수 있습니다.



자 일단 요 Search Plugin 은 XML 파일로 만들어집니다.

c:\Program Files\Mozilla Firefox\searchplugins\ 요 위치에 존재하는대요

들어가보시면 익숙한 이름들이 보이실겁니다.  네이버, 구글, 야후, 등등등

자 그럼 한번 naver-kr.xml 을 열어보세용~  열어보면 다음과 같은 화면이 펼쳐집니다

<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>Naver</ShortName>
<Description>Naver Search</Description>
<InputEncoding>x-windows-949</InputEncoding>
<Image
width="16"
height="16"><!-- 이미지 데이터 --></Image>
<Url type="text/html" method="GET" template="http://search.naver.com/search.naver">
  <Param name="query" value="{searchTerms}"/>
  <Param name="where" value="j"/>
  <Param name="frm" value="ff"/>
</Url>
<SearchForm>http://search.naver.com</SearchForm>
</SearchPlugin>
[/code
자 아실만한 분들은 그냥 이 파일만 열어봐도 아하~ 하실겁니다. 

자 그럼 제 블로그 검색기를 볼까요? 

[code]
<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>takeone</ShortName>
<Description>takeone Search</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image
width="16"
height="16"><!-- 이미지 데이터 --></Image>
<Url type="application/x-suggestions+json" method="GET" template="http://search.naver.com/search.naver"/>
<Url type="text/html" method="GET" template="http://www.takeone.pe.kr/search/{searchTerms}">
</Url>
<SearchForm>http://search.naver.com</SearchForm>
</SearchPlugin>


자 몇가지를 바꿨는데요

<ShortName>takeone</ShortName>
<Description>takeone Search</Description>
<InputEncoding>UTF-8</InputEncoding>


기본적으로 이름은 바꿔야겠죠? ㅋㅋ 바꿨구요, 문제는 InputEncoding 인데 제 블로그의

경우는 UTF-8로 되어있어서 간단히 되었습니다만, 아마 서버환경이 다르신 분들은 인코딩에

대해서 좀 더 알아보셔야 할겁니다. ㅎㅎ

자 Image 태그 다음에 들어갈 이미지데이터!

예상하셨겠지만 요건  이미지(아이콘)의 데이터입니다. 자 그럼 이건 어떻게 변환을 하느냐!

일단 이미지를 16 x 16 정도의 크기로 만듭니다. 귀찮으신분들은 아무 이미지나 ㅋㅋㅋ

하지만 너무 크면 무리가 오니 이미지 사이즈는 저정도로 맞춰주세요~

자 그리고 만든 이미지를 들고 요기 를 방문합니다.

가셔서 찾아보기 클릭, 만드신 이미지를 집어넣고 밑에 Generate 버튼 클릭!

그러면 주소창에 data: 어쩌고 저쩌고 데이터가 뜹니다. 그걸 모두 복사해서 위의 Image 태그

사이에 넣어주시면 됩니다.

자 그리고 마지막으로

<Url type="text/html" method="GET" template="http://www.takeone.pe.kr/search/{searchTerms}">
</Url>


요부분이 가장 중요한 부분입니다. 실제로  데이터를 전송하는 방법에 대한 걸

적는건데요, 요중에  {searchTerms} 이 바로 검색어입니다. 텍스트큐브는 '주소/search/검색어'

의 방식으로 검색을 수행하기 때문에 이렇게 적은겁니다.

이렇게 작업해서 /searchplugins/ 요 위치에 저는 takeone.xml이라고 해서 저장해뒀습니다.

그리고 이제 우리 불여우를 재시작~

사용자 삽입 이미지

위와 같은 화면이 뜨면 성공입니다 ㅎㅎㅎ

사용자 삽입 이미지

이건 검색결과 ㅋㅋㅋ

우리 불여우양은 역시 사용자로 하여금 도전정신에 빠져들게 합니다. ㅡㅜ

이런거 해서는 먹고 살수 없을텐데 흑흑

더 자세한 내용은

OpenSearch plugins for Firefox

이 링크에서 찾아보시구요~


자 더 쉬운 방법이 있습니다! 바로 파이어폭스 OpenSearchPlugin을 까는 것이지요

지금까지 설명드린 방법을 간단하게 플러그인으로 구현되서 추가할수 있도록 한건데요~

한번 사용해 보세요~ ^^

OpenSearchPlugin 링크

OpenSearchPlugin 한국 링크


2007/11/16 06:06 2007/11/16 06:06

트랙백 주소 : http://www.takeone.pe.kr/trackback/132

Counter

· Total
: 361225
· Today
: 45
· Yesterday
: 89