NoSyu의 주저리 주저리 : 이글루스에 구글 검색창 달기

2007년 07월 20일

이글루스에 구글 검색창 달기 - 옛날 삽질은 오늘의 희망?

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

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

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

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

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

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

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

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

검색을 하는 이유 중 하나가

예전 글을 찾는 것인데,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

충격 먹었습니다.

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

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

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

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

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

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

이번 일로 느낀 것은

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

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

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

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

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

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

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

엠파스, 검색엔진, 검색창, 구글, 이글루스, 파인더

# by NoSyu | 2007/07/20 23:44 | in Windows | 트랙백(2) | 핑백(3) | 덧글(17)

트랙백 주소 : http://NoSyu.egloos.com/tb/3617726
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]

Tracked from AREPIN's Sma.. at 2007/07/22 17:29

제목 : 구글 검색창 달았습니다
NoSyu님의 블로그에서 트랙백 합니다. 와아 멋쟁이 NoSyu님께서 또 사고(?)를 쳐주셨네요. +_+ 일단 표현은 그러려니 하시고 내용을 봅시다. 구글, 아마 많은 분들이 네이버와 함께 가장 많이 이용하시는 서치(search) 중에 하나일 겁니다. (저같은 경우엔 전체웹 검색은 구글, 한글웹 검색은 네이버->구글 콤보로 사용합니다.) 구글의 강력한 검색 기능으로 (공통된 도메인을 가지고 있는) 특정 사이트 혹은 자......more

Tracked from 내 안에 전문가시스템 .. at 2007/08/09 23:47

제목 : 이글루에 Google 검색창 달기 Part 2
트랙백으로 달아주신 NoSyu님의 글을 읽고, Google에서 Custom Search Engine 서비스를 제공한다는 사실을 처음으로 알았습니다. 그래서 저도 허접한 검색창이 아닌 새롭게 Custom Search Engine를 달았습니다. - NoSyu님은 사고뭉치 (아르핀님의 말을 인용) 하여간 사용방법은 이미 NoSyu님과 아르핀님의 블로그에 아주 잘 나와 있으니, 설명은 원저작자이신 NoSyu님과 설명이 꼼꼼하신 ......more

Linked at AREPIN's Small T.. at 2007/07/22 17:29

... NoSyu님의 블로그에서 트랙백 합니다. 와아 멋쟁이 NoSyu님께서 또 사고(?)를 쳐주셨네요. +_+ 일단 표현은 그러려니 하시고 내용을 봅시다. 구글, 아마 많 ... more

Linked at 초록불의 잡학다식 : 잡담 at 2007/07/22 23:01

... 다이하드 4.0을 보다. 늙어가면서 더 멋져배우는 리스트에 브루스 윌리스도 넣기로 했다.3. 구글 검색기를 달았다. 음... 아르핀님 블로그에서 보고 이글루스에 구글 검색창 달기 [클릭]를 통해서 달았다.조금 더 설명이 필요한데, 구글 커스텀 검색 엔진을 달고나면 이메일이 온다. (G메일이 없는 사람은 어떻게 할 수 있는지 모른다.)그 ... more

Linked at NoSyu의 주저리 주저리 :.. at 2008/01/08 19:16

... 하게 해주세요. - form태그를 막았기에 이상하지만 동작은 되는 것으로 만들었습니다. (관련글 : '이글루스에 엠파스 검색창 넣기') (관련글 : '이글루스에 구글 검색창 달기 - 옛날 삽질은 오늘의 희망?') 7. 다음 블로거뉴스에 기사 송고를 밸리처럼 해주세요. - 이것도 현재 되는군요. (관련글 : '이글루스에서 블로거뉴스로 쉽게 글을 ... more

Commented by 아르핀 at 2007/07/21 08:44

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

Commented by NoSyu at 2007/07/21 08:45

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

Commented by Master-PGP at 2007/07/21 16:51

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

Commented by NoSyu at 2007/07/21 17:23

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

Commented by 아르핀 at 2007/07/22 17:43

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

Commented by NoSyu at 2007/07/22 18:38

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

Commented by NoSyu at 2007/07/22 18:56

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

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

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

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

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

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

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

Commented by Master-PGP at 2007/07/22 21:50

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

Commented by NoSyu at 2007/07/22 22:10

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

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

Commented by 아르핀 at 2007/07/23 03:34

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

Commented by NoSyu at 2007/07/23 09:19

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

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

Commented by 창민짱 at 2007/09/12 21:59

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

Commented by NoSyu at 2007/09/12 22:02

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

Commented by kakalot at 2008/01/17 23:25

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

Commented by NoSyu at 2008/01/17 23:38

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

Commented by object at 2008/06/09 12:16

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