Как вставить на блог форму поиска от Google

 В Интернете набрела на статью  «Поиск от Google на сайт» (автор мне неизвестен), в которой нашла готовый кусок кода для вставки в гаджет. Огромное спасибо автору за это. 

Итак, вот этот код Вам необходимо вставить в гаджет:

<!-- SiteSearch Google -->
<form style="border: 4px solid #3B5998;" method=get action="http://www.google.com/search" target="_blank" rel="nofollow">
<input type="hidden" name="ie" value="UTF-8" />
<input type="hidden" name="oe" value="UTF-8" />
<div bgcolor="#FFFFFF"><div>
<a href="http://www.google.com/" target="_blank" rel="nofollow">
<img src="http://www.google.com/logos/Logo_40wht.gif" rel="nofollow"
border="0" alt="Google" /></a>
</div>
<div style="padding-left: 5px;">
<input style="width: 110px;" type="text" name="q" size="31" maxlength="108" value="" />
<input type="submit" name="btnG" value="Найти" />
<font size=-1>
<input type="hidden" name="domains" value="http://slovesnikgizatulina.blogspot.com/" /><br />
<input type="radio" name="sitesearch" value="http://slovesnikgizatulina.blogspot.com/" checked /> На блоге
<input type="radio" name="sitesearch" value="" /> WWW<br /></font>
</div></div>
</form>
<!-- SiteSearch Google -->

В этом коде Вы должны поменять 2 раза http://slovesnikgizatulina.blogspot.com на URL своего блога.

width: 110px; - это ширина поля, в котором пишутся искомые слова. От этого поля зависит и ширина самой формы. Вы можете изменить число 110 в любую сторону. Попутно поменяйте и maxlength="108".

border: 4px solid #3B5998; - это рамка вокруг формы. 4px – толщина рамки, #3B5998 – код цвета (код цвета можно узнать в разных графических программах. Я, например, пользуюсь маленькой программкой ColorMania).

Если возникнет проблема с кодировкой в поисковой выдаче (вместо русских символов выползут «крякозяблики»), попробуйте в строках:

<input type="hidden" name="ie" value="UTF-8" />

<input type="hidden" name="oe" value="UTF-8" />

поменять UTF-8 на windows-1251, либо на koi8-r.

На этом у меня все. Проверьте, как поиск работает на Вашем блоге. Кстати, обратите внимание, что можно выбрать и поиск в интернете (для чего поставить точку около WWW).

 

                                     Вот так это будет

 

  ГОТОВЫЙ ПРИМЕР у меня справа в блоге - СМОТРИМ