컴퓨터 엑셀 워드 포토샵 구글어스 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