вторник, 13 декабря 2016 г.

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


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


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

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

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


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

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

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

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

И я «пошла» в поиск того же Google, чтобы найти что-то более простое в применении и описании. Хотя и до того я пыталась найти причину возникшей проблемы. Но никто о подобных вещах не писал, аналогичных вопросов не было, из чего я заключила, что только у меня с «дядюшкой 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://nwa-uspech.blogspot.com/" /><br />
<input type="radio" name="sitesearch" value="http://nwa-uspech.blogspot.com/" checked /> На блоге
<input type="radio" name="sitesearch" value="" /> WWW<br /></font>
</div></div>
</form>
<!-- SiteSearch Google -->

Как вставить код в гаджет, я писала уже неоднократно. Кто забыл, посмотрите, например, в статье «Как вставить на блог форму поиска от Yandex» (ссылка - выше).

В этом коде Вы должны поменять 2 раза http://nwa-uspech.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).

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

0 коммент.:

Отправить комментарий