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

Сегодня мы поставим на блог форму поиска от Google.

Форма поиска от Google

В ответ на статью «Как поставить на блог поиск от Yandex» я получила, в числе прочих, комментарий от моей онлайн-подругиОльги Абрамовой, что она тоже хочет поставить на свой блог поиск, только от Google. Я подумала: «Эврика! Мне тоже надо его поставить. Чего ж обижать дядюшку Google! :)»

А если серьезно, то Google индексирует новые материалы значительно быстрее, чем Yandex, поэтому и релевантность поисковой выдачи будет выше.

Однако, задачка оказалась не такой простой,  как мне думалось вначале. Я пошла обычным путем, то есть попыталась установить поиск, зайдя на соответствующий сервис Google.  Там этот поиск, якобы, устанавливается в 3 этапа.

Первый этап – настройку своей системы поиска  — я прошла благополучно.

Второй этап – выбор или настройку стиля формы поиска – обещал несколько приятных минут в выборе цвета для составляющих формы. Но не тут-то было!…

То ли глюк в самом Google, то ли в моем компьютере, но выбрать стиль я не смогла. Мне осталось только воспользоваться вариантом по умолчанию, что я и сделала, в конце концов. А потом доводила эту форму до более-менее приличного вида уже непосредственно на блоге с помощью стилей CSS.

В принципе, форму поиска я получила, она работала, и можно было на этом остановиться. Но я же должна дать Вам инструкцию, как эту форму на блог поставить. А поскольку сама ставила ее  методом «тыка», да еще и потом доводила «до ума», то этот вариант описывать было крайне сложно.

И я «пошла» в поиск того же Google, чтобы найти что-то более простое в применении и описании. Хотя и до того я пыталась найти причину возникшей проблемы. Но никто о подобных вещах не писал, аналогичных вопросов не было, из чего я заключила, что только у меня с «дядюшкой Google» возникли какие-то непонятки.

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

Правда, потом я еще некоторое время настраивала эту форму под размеры своего сайдбара, придала ей стиль моего блога, но зато теперь могу поделиться с Вами готовым кодом. Вам надо будет только поменять адрес моего блога на адрес Вашего и, возможно, ширину формы и цвет рамки.

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

border: 4px solid #3B5998;» method=get action=»http://www.google.com/search» target=»_blank» rel=»nofollow»>
UTF-8» />
UTF-8» />
border=»0″ alt=»Google» />
width: 110px;» type=»text» name=»q» size=»31″ maxlength=»108″ value=»» />
http://nwa-uspech.blogspot.com/» />
http://nwa-uspech.blogspot.com/» checked /> На блоге
WWW

Как вставить код в гаджет, я писала уже неоднократно. Кто забыл, посмотрите, например, в статье «Как вставить на блог форму поиска от Yandex» (ссылка — выше).
В этом коде Вы должны поменять 2 раза http://nwa-uspech.blogspot.com/ на URL своего блога.

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

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

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

UTF-8″ />

UTF-8″ />

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

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

Удачи Вам с установкой формы поиска от Google. Возникнут проблемы или вопросы, пишите в комментариях.

Автор: Guest Rooms «Varnaflats.eu»