블로그에 나만의 개성있는 검색창 달기

블로그마다 하나씩 달려 있는 검색창, 티스토리에서는 블로그 사이드바에서 바로 웹 검색을 할 있도록 검색 모듈을 제공하고 있어서 바로 검색모듈을 사이드바의 원하는 위치에 삽입하기만 하면 기본적인 검색창을 블로그에 설정할 수 있습니다.

기본으로 제공되는 밋밋한 검색창이 마음에 들지 않는다면 티스토리에서 플러그인으로 제공하고 있는 다음 검색창을 사이드바에 삽입할 수도 있습니다.

티스토리 관리화면의 플러그인 항목을 클릭해서 플러그인 설정으로 들어가서 다음검색창 플러그인 사용을 클릭하면 사이드바 설정 메뉴에서 간단하게 다음 검색창 삽입이 가능합니다.

그런데, 블로그들을 돌아다니다 보면 구글 검색창은 물론 야후 검색창 그리고 난생 처음보는 검색창들 까지 형형색색 화려한 검색창의 향연이 벌어집니다. 당연히 이런 검색창들을 하나씩 달아보고 싶어집니다.

그럼 우선 구글 검색창을 달아 보도록 하겠습니다.

복잡하게 구글 애드센스 가입해서 검색창을 달고 하는 것 보다는 보다 더 간단한 방법인 구글 웹 엘리먼트를 활용해 보도록 하겠습니다. 웹엘리먼트(http://www.google.com/webelements/)는 구글에서 제공하는 다양한 편의기능을 홈페이지에 붙여넣기만 하면 바로 사용할 수 있는 기능으로 아래 구글에서 제공하는 html 소스를 붙여넣기 하시면 됩니다.

<!-- Google Custom Search Element --> <div id="cse" style="width:100%;">Loading</div> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ new google.search.CustomSearchControl().draw('cse'); }, true); </script>

위 코드를 삽입한 결과입니다.

Loading

※ 제대로 검색이 되는지 확인해 보세요!

물론 크기는 조절이 가능합니다.

다음으로 야후 검색창을 삽입하는 방법에 대하여 알아보도록 하겠습니다. 야후 검색창은 링크프라이스에서 제공하는 야후 링크서치를 다시면 됩니다.

간단히 아래 html소스를 원하시는 곳에 삽입하시면,

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="319" HEIGHT="31" id="search_engine" ALIGN="">
 <PARAM NAME=movie VALUE="http://img.linkprice.com/yahoo/images/yahoo.swf?a_id=A100254109&lpv2=yahoo_kr_attach_linkprice001_5101&lpv3=0">
 <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF>
 <EMBED src="http://img.linkprice.com/yahoo/images/yahoo.swf?a_id=A100254109&lpv2=yahoo_kr_attach_linkprice001_5101&lpv3=0" quality=high bgcolor=#FFFFFF  WIDTH="319" HEIGHT="31" NAME="test" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
<img src="http://track.linkprice.com/lpshow.php?m_id=yahoo&a_id=A100254109&p_id=0000&l_cd1=4&l_cd2=0&l_id=0004&u_id=" width=1 height=1 border=0 nosave>

멋있고 개성있는 검색창을 홈페이지에 달 수 있습니다.

※ 제대로 검색이 되는지 확인해 보세요!

지금까지 구글 검색창과 야후 검색창을 삽입해 봤습니다. 마지막으로 제 블로그 우측 사이드바 상단에 있는 정체 모를 검색창의 비밀을 알려 드리도록 하겠습니다.

이 이름 모를 검색창은 인터리치에서 제공하고 있는 인터서치라는 것입니다. 인터서치 삽입 방식도 마찬가지로 아래의 html소스를 원하시는 곳에 붙여 넣으면 됩니다.

<iframe scrolling="no" src="http://search.interich.com/inter_search.asp?recid=lawyer" width="300" height="65" border="0" frameborder="0" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0"></iframe>

붙여 넣은 모습입니다.

※ 제대로 검색이 되는지 확인해 보세요!

모양이 가장 깔끔하고 신선한게 개성이 철철 넘쳐나는 나만의 검색창입니다. 제가 가장 좋아하는 디자인의 검색창 이기도 합니다.

실제 검색이 잘 되는지 한번씩 확인해 보셔도 좋습니다.

그럼 블로그에 개성이 넘치는 검색창 다시고 즐거운 블로깅 하시기 바랍니다. 이상 검색창 달기 Tip이었습니다. 감사합니다.

2009/08/03 - [신변잡기] - 장대 끝에서 한 걸음 더 나아가라! 그대가 그대 인생의 주인이다.
2009/07/29 - [웰빙, 건강] - 여름 휴가와 나들이가 즐거워지는 손수 만든 도시락 4가지
2009/07/23 - [신변잡기] - 위기의 중년 남성, 가출하는 40대 가장
2009/07/20 - [교육] - 학원을 보내지 말아야 하는 3가지 이유!
2009/07/21 - [교육] - 과외 고민을 날려버릴 무료 과외 중계 사이트가 있다!