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

"Google 검색창 달기"( http://www.google.co.kr/intl/ko/searchcode.html # 2024-03-29 현재 삭제됨 )에 있는 원래의 코드를 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 -->



결과는 아래와 같습니다:

(2024-03-29 업데이트: 보안상의 문제로 실행 결과는 삭제했습니다.)
단어 검색이 아닌 구 검색일 때는 쌍따옴표를 붙여 주어야 하는데, 이때는 value 를 아래와 같이 하면 됩니다. 즉, 쌍따옴표를 &quot; 으로 표현하는 것입니다.

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




결과 (구 검색하기):

(2024-03-29 업데이트: 보안상의 문제로 실행 결과는 삭제했습니다.)

로고가 너무 크다면, "구글 로고"( http://www.google.co.kr/intl/ko/logos.html # 폐쇄됨 )에서 작은 걸 고르신 후 img 태그의 내용을 편집하시면 됩니다.



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