제가 예전에 검색창을 가지고 삽질을 한 적이 있습니다.

'이글루스에 엠파스 검색창 넣기'

그 때 이글루 파인더에 불만이 있었던 터라

검색창을 달기로 마음먹었습니다.

하지만 form 태그가 허용되지 않아

변형을 시켜서 엠파스 검색엔진을 쓸 수 있게 한 것입니다.

 

그런데 쓰다 보니 엠파스 역시 썩 좋지 못했습니다.

특히 예전 글은 엠파스에 없는지 잘 찾지 못하더군요.

검색을 하는 이유 중 하나가

예전 글을 찾는 것인데,

그 글이 없다는 건 정말 치명적인 실패입니다.

 

그래서 제 블로그를 처음부터 끝까지 잘 가져(?)가기위해

엠파스에 홈페이지 등록을 신청하였습니다.

하지만 일반 등록이라서 그런지 처리 속도가 느리네요.

거기에 '등록 진행 중'이라는 뜻이 무슨 뜻인지 모르겠습니다.^^;;

 

따라서 검색이 잘 되는 구글을 쓰기로 했습니다.

거기에 구글은 'Custom Search Engine'이라는 서비스를 제공합니다.

해당 서비스를 이용하면 자신만의 검색 엔진을 만들 수 있습니다.

만드는 과정의 자세한 설명은 생략하겠습니다.

다만 제가 적은 것을 스크린 샷으로 찍어 올리겠습니다.

동그라미가 그려진 곳을 참조하세요.^^

만들어진 검색엔진을 써 볼 수 있습니다.

 

이렇게 만드는 것은 쉬웠지만,

역시 이것도 Search box code는 form과 script태그로 구성되어 있습니다.

이 중 script태그는 없어도 검색이 잘 되었기에

form태그에 집중하였습니다.

Test용 HTML 파일을 만들어서 패턴을 알아낸 다음에

예전에 만들었던 엠파스 검색창 코드에 알맞게 집어넣었습니다.

 

그러니 문제없이 바로 작동하는 것을 보았습니다.

너무 깔끔하게 잘 작동되기에 의심까지 했습니다.^^

 

키워드 'NoSyu'를 각 검색엔진별로 검색해보았습니다.

이글루스 파인더는 잘 나오지만,

중요도 순서가 아닌 시간배열이라서 찾기가 힘듭니다.

다만, 본문과 덧글, 트랙백을 따로 볼 수 있어서 좋습니다.^^

 

엠파스.. 왜 이리 썰렁해졌나요???

충격 먹었습니다.

하지만 생각해보니 등록 진행 중이라는 뜻은

예전 것을 지우고 새롭게 갈아엎는다는 뜻이 아닐까 추측해봅니다.

따라서 저렇게 썰렁한 것이겠지요.

 

구글은 중요도 별로 잘 나오네요.

검색 키워드에 'site:nosyu.egloos.com'을

추가하는 것과 같은 효과인 듯싶습니다.^^

 

이번 일로 느낀 것은

예전에 삽질을 하여 만들어 놓은 것이 있으면

후에 비슷한 작업을 할 때 해당 작업물이 남아있다면

어려움 없이 쉽게 할 수 있다는 것입니다.

이를 재생산이라고 하던가요??^^

이것이 엄청나게 강력한 것임을 새삼 느낄 수 있었습니다.

앞으로 삽질도 많이 하고 기록도 많이 남겨놔야겠습니다.^^

(이글루스가 form과 script 태그를 허용한다면 삽질도 없을 듯....ㅜㅜ)

크리에이티브 커먼즈 라이선스
Creative Commons License

글에 잘못된 점, 다른 점, 부족한 점이 있다면 지적해주세요.
댓글, 트랙백, 메일 모두 고맙습니다.

트랙백 주소 :: http://nosyu.pe.kr/trackback/975

댓글을 달아 주세요

  1. 아르핀 2007/07/21 08:44  댓글주소  수정/삭제  댓글쓰기

    동감입니다! 이글루스 왜 form과 script 허용 안하는건가요.. OTL 물론 그 덕에 이글루스는 빠른 속도와 깔끔한 모습을 자랑합니다만 그래도 저같은 초보에게는 수정할 요령도 없고 불편합니다; (가끔 이것 때문에 태터나 티스토리가 심하게 부러워지는 현상까지도. -_-;;)
    구글 중요도 순으로 검색하는 것 마음에 드네요. 자신이 원하는 검색엔진을 손쉽게 만들 수 있다는 것 하구요. (Only sites I seclect - some sites, Ad display 이 부분 특히 완소~ ^^) 아직 제가 제 블로그 내에서 직접 글을 찾을 일까지 없어서(내용이 없어서 OTL) 파인더도 쓰지 않고 있지만요.
    혹시 전에 NoSyu님이 공개한 코드 응용해서 달아보려고 시도해봐도 될런지요? 초보라서 쉽게는 못하겠지만요. ㅎ_ㅎ 벼룩의 간을 빼먹는(..) 못된 초보라서 죄송합니다.

  2. NoSyu 2007/07/21 08:45  댓글주소  수정/삭제  댓글쓰기

    /아르핀/
    어떻게 보면 스크립트를 제거해서 원할한 이글루스 서핑(?)이 가능한 듯싶어요.^^
    태터 기반의 사이트들은 속도가 느린 경우가 대부분이라 돌아다니기가 힘들거든요.;;;;
    자신만의 검색 엔진은 정말 괜찮더라구요.
    해당 사이트를 여러 곳 지정할 수 있으니
    정말 자신만이 원하는 검색 엔진을 만들 수 있으니까요.^^
    쓰는 것은 괜찮습니다.^^
    이번에는 제가 귀찮아서 소스를 따로 적지 않았지만,
    위에 엠파스 검색창 관련 소스를 참조하셔서 쓰시면 됩니다.
    허접한 소스는 오픈해야 발전이 있으니까요.^^

  3. Master-PGP 2007/07/21 16:51  댓글주소  수정/삭제  댓글쓰기

    제 블로그도 검색창이 있죠 음핫핫~(...여러가지 의미로)

  4. NoSyu 2007/07/21 17:23  댓글주소  수정/삭제  댓글쓰기

    /Master-PGP/
    아직 준비중이신가봐요.^^

  5. 아르핀 2007/07/22 17:43  댓글주소  수정/삭제  댓글쓰기

    덕분에 성공적으로 구글 검색창 달았습니다. ~_~
    정말 감사합니다.

  6. NoSyu 2007/07/22 18:38  댓글주소  수정/삭제  댓글쓰기

    /아르핀/
    도움이 되셨다니 다행입니다.^^
    생각해보니 제가 소스에 대한 설명을 전혀 적지 않았더군요.
    오히려 고생을 더 하지 않았을까 죄송한 마음이 듭니다.
    (가끔 소스만 있고 설명이 없는 것은 새로 만드는 것보다 활용 속도가 느린 경우가 있죠....)

  7. NoSyu 2007/07/22 18:56  댓글주소  수정/삭제  댓글쓰기

    <div style='width:170px;height:60px' align='center'>
    &lt;a href=&quot;<a href="http://www.google.co.kr&quot;&gt;">http://www.google.co.kr&quot;&gt;</a>
    &lt;img src='<a href="http://pds3.egloos.com/pds/200707/20/60/c0049460_10071585.png">http://pds3.egloos.com/pds/200707/20/60/c0049460_10071585.png</a>' width='150' height='55' border='0'&gt;
    &lt;/a&gt;
    &lt;/div&gt;

    &lt;div style='width:170px;height:30px;' align='center'&gt;
    &lt;input type='text' name='q' id='q' style='width:90px;height:20px;margin-right:5px;'
    onKeyDown=&quot;javascript:if(13==event.keyCode)
    {window.open
    ('<a href="http://www.google.com/cse?cx=008032916816089289587">http://www.google.com/cse?cx=008032916816089289587</a>:jsvrnh7j6c0&amp;cof=FORID:0
    &amp;q='+encodeURI(document.getElementById('q').value));}&quot;&gt;
    &lt;img src='<a href="http://img.empas.com/search_tip_new/search_but.gif">http://img.empas.com/search_tip_new/search_but.gif</a>' align='absmiddle'
    onclick=&quot;window.open
    ('<a href="http://www.google.com/cse?cx=008032916816089289587">http://www.google.com/cse?cx=008032916816089289587</a>:jsvrnh7j6c0&amp;cof=FORID:0
    &amp;q='+encodeURI(document.getElementById('q').value));&quot;&gt;
    &lt;/div&gt;

    (덧글에 잘 보이지 않기에 개행(엔터)을 하였습니다.
    붙이실 때 한 줄로 만드셔서 쓰시길 바랍니다.
    아니면 익스나 파폭에 있는 '소스 보기'를 이용해주세요.^^)

    위의 코드에서
    첫 번째 div는 그림을 나타냅니다.
    이 부분은 원하시는 대로 수정하시길...^^

    두 번째 div에서 수정할 것이 있습니다.
    window.open
    ('<a href="http://www.google.com/cse?cx=008032916816089289587">http://www.google.com/cse?cx=008032916816089289587</a>:jsvrnh7j6c0&amp;cof=FORID:0
    &amp;q='encodeURI(document.getElementById('q').value));
    코드에서 cx=008032916816089289587:jsvrnh7j6c0부분을 수정해야합니다.

    cx는 만들어진 검색엔진의 코드를 살펴보면
    해당 변수 값이 나와있습니다.
    저는 이렇게 나와 있습니다.
    &lt;input type=&quot;hidden&quot; name=&quot;cx&quot; value=&quot;008032916816089289587:jsvrnh7j6c0&quot; /&gt;
    따라서 cx=008032916816089289587:jsvrnh7j6c0라 적었습니다.
    이것이 각 검색엔진별 아이디라 생각하시면 되겠습니다.
    그러니 자신의 것으로 바꿔야합니다.
    이 코드가 두 번 나옵니다.
    모두 수정하시면 됩니다.

    그 이외에 디자인 수정도 검토해야겠는데,
    이는 아르핀(<a href="http://arepin.egloos.com/1355468">http://arepin.egloos.com/1355468</a>)씨가 잘 하셨기에
    아르핀씨가 만드신 소스를 응용하는 것이 더욱 좋을 듯싶습니다.^^

  8. Master-PGP 2007/07/22 21:50  댓글주소  수정/삭제  댓글쓰기

    DIV로 객체를 만들고서 사용이군요...
    ............
    ..............
    ....................
    ....블로그에 방명록을 붙이고싶은데(...아이프레임이 안 되어서;; 크윽;;)

  9. NoSyu 2007/07/22 22:10  댓글주소  수정/삭제  댓글쓰기

    /Master-PGP/
    네.. div는 잘 되더라구요.^^
    엠파스 검색창을 기본으로 하였는데,
    살펴보니 table 태그를 쓰기에
    div로 수정하였고,
    이를 구글에 맞추어서 수정했습니다.

    방명록을 붙이려면 iframe이 필요하군요.
    (아.. 프레임으로 나누어 붙이지..;;;;;)

  10. 아르핀 2007/07/23 03:34  댓글주소  수정/삭제  댓글쓰기

    역사, 여행, 만화·애니, IT 등 제가 관심 있는 포스팅을 하시는 모든 블로거 분들이 구글 검색창을 달아줬으면 하는 이 이기적인 바람.......... -_-)..
    휴.. 사람은 역시 욕망의 동물... OTL

  11. NoSyu 2007/07/23 09:19  댓글주소  수정/삭제  댓글쓰기

    /아르핀/
    아니면 아르핀씨께서 해당 블로거분들의 검색엔진을 새로 만들어서 공개하시는 것이...^^
    (그럼 전 옆에서 이용만...-_-;;;;)

    Make Money가 있는 것으로 보아 검색엔진에 자신의 애드센스와 연결이 가능한 듯싶더군요.
    그렇다면 좋은 사이트들을 모아서 제공한다면 돈이 될 듯한...;;;^^

  12. 창민짱 2007/09/12 21:59  댓글주소  수정/삭제  댓글쓰기

    아 이글루에서 script 태그만 허용해줘도 이런 번거로운 일은 안해도 될텐데요 ?^^;

  13. NoSyu 2007/09/12 22:02  댓글주소  수정/삭제  댓글쓰기

    /창민짱/
    그래도 스크립트 태그가 막혀있으니 편하게 이글루 서핑이 가능하더군요.^^
    태터 기반의 블로그의 경우 너무 많은 태그가 컴퓨터를 힘들게 만듭니다.ㅜㅜ

  14. kakalot 2008/01/17 23:25  댓글주소  수정/삭제  댓글쓰기

    Linux를 검색해오다가 흘러들어왔습니다. 엄청나게 배울게 많은 블로그로 인정합니다.^^; 앞으로 많은 도움 부탁드리겠습니다. ㅎㅎ 그리고, 구글커스텀검색창.. 덧글부분 보지도 않고, 소스찾아 헤매다, 애꿎은 30분 버렸네요.ㅡㅜ 결국 혼자 힘으로?? 해놓고, 덧글창의 소스를 봐버렸다는..ㅜㅡ ㅎㅎ 그래도 덕분에 유용한 정보 잘 가져갑니다. 앞으로도 좋은 포스팅 부탁드릴께요~~^^

  15. NoSyu 2008/01/17 23:38  댓글주소  수정/삭제  댓글쓰기

    /kakalot/
    반갑습니다.
    본문에 해당 내용을 적을까 했으나 귀차니즘에 덧글에 적었더니 이런 일이.....
    제 블로그를 좋게 봐주셔서 고맙습니다.^^

  16. object 2008/06/09 12:16  댓글주소  수정/삭제  댓글쓰기

    저도 이거 보고 따라했습니다. 고마워요. 그런데 자바스크립이 돌면 에디터 배경에 구글서치라는 글씨가 뜨나보죠?

    • NoSyu 2008/06/09 12:19  댓글주소  수정/삭제

      설치하셨군요.^^
      저도 거기까지는 잘...
      사실 구글에서 제공하는 것 그대로 해볼까 생각했지만,
      다른 분들도 쓸 수 있게 공개하는 차원에서 발전시키다보니
      원본은 어떻게 되는지 잘 모르겠습니다.;;;OTL.....

  17. 신독 2009/04/22 18:10  댓글주소  수정/삭제  댓글쓰기

    덕분에 저도 구글 검색기를 달았습니다. 역시 구글이 낫네요. ^-^
    좋은 하루 되시고, 복 받으세요.

    • NoSyu 2009/04/22 20:21  댓글주소  수정/삭제

      반갑습니다.
      아무래도 검색엔진에서 알아주는 것이니까요.^^
      네이버도 검색엔진에 자신있으면 공개해도 될 듯한데 그러하지 못하더군요.;;;
      댓글 고맙습니다.

[로그인][오픈아이디란?]