컴퓨터 엑셀 워드 포토숍 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Previous Post 구글 애드센스에 대한 자세한 한글 정보: 'Google AdSense 지원' 사이트일반 텍스트 문서(.txt)나 각종 코드를 HTML 로 변환[한글 인터넷 주소] 붕어빵 가게 www.황태자푸드.com 을 방문해 보려 했지만...[HTML/CSS] 포스트 본문에 코드/문자열 창 붙이기블로거(Blogger.com)에 카운터 붙이다[리뷰] 무파마 / 신라면 / 사발면 (인스턴트 라면)햇반 (즉석 쌀밥) 리뷰블로거(Blogger.com)에 새 서브 도메인들을 만들어 보다소설 말미의 이모티콘-클립/만화들은 일본어 모드임[건강] 어린이 근시 예방: 먼 곳을 자주 바라보는 습관을 기르게 하면 어떨까

포스트 본문에 구글 로고 추가 HTML 코드

Wednesday, February 22, 2006

Google 검색창 달기에 있는 원래의 코드를 HTML 4.01 과 XHTML 사양에 맞게 버전업(?)한 것입니다. 원래의 코드는 "HTML 3.0"쯤의 사양(specification)으로 되어 있는 듯했습니다.

다만 <center> 를 <div style="text-align:center;"> 로 변경하니 파이어폭스에서 인식하지 못해서, 차선(次善)으로서 <div align="center"> 를 사용했습니다.

다음의 코드를 HTML 편집기에 붙여 넣으면 됩니다 (blogger.com용으로 쓰기 위해, 주석 사이의 내용이 행갈이 없이, 1줄로 이어져 있음):


<!-- Search Google -->
<div align="center"><form method="get" action="http://www.google.co.kr/search"><table><tr><td><div align="center" style="margin-bottom:25px;"><a href="http://www.google.co.kr/"><img src="http://www.google.co.kr/logos/Logo_60wht.gif" border="0" alt="Google" /></a></div><input type="text" name="q" size="25" maxlength="255" value="검색어" /><input type="submit" name="btnG" value="Google 검색" style="margin-left:4px;" /></td></tr></table></form></div>
<!-- Search Google -->




결과는 아래와 같습니다:


Google



단어 검색이 아닌 구 검색일 때는 쌍따옴표를 붙여 주어야 하는데, 이때는 value 를 아래와 같이 하면 됩니다. 즉, 쌍따옴표를 &quot; 으로 표현하는 것입니다.

value="&quot;퀴즈 대한민국&quot;"




결과 (구 검색하기):


Google




로고가 너무 크다면, 구글 로고에서 작은 걸 고르신 후 img 태그의 내용을 편집하시면 됩니다.



관련 포스트: "구글 검색창을 블로그 사이드바에 추가하는 HTML 코드"

0 Comments:

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Categories
Previous Posts
Monthly Archives
Top