Google Мой путь к успеху!: Как вставить на блог форму поиска от Google

среда, 19 декабря 2012 г.

Как вставить на блог форму поиска от 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. Возникнут проблемы или вопросы, пишите в комментариях.


Вам понравилась статья? Поделитесь ссылкой с друзьями:


А чтобы не пропустить новые статьи, подпишитесь на обновления блога:

16 комментариев:

  1. Нина, отличная работа. Теперь можно выбирать, хочешь Гугл, хочешь Яндекс). Я пока не установила себе поисковики, но Ваши статьи держу в закладках), тут масса полезностей!

    ОтветитьУдалить
    Ответы
    1. Наташа, а лучше поставить обе. Чтоб не обидно было :)

      Удалить
  2. Нина, твой блог - отличное доказательство тому, что миром правят профессионалы.

    Ты выбрала нишу, которая тебе интересна, понятна и близка. По-моему, из хобби работа в интернете у тебя давно и плавно переросла в любимое занятие.

    Я не перегружаю себя изучением "технического закулисья"(каюсь), т.к. у нас идет распределение работы. Но пробежавшись по твоему блогу, только по названиям постов, поняла: "Правильным курсом идете, тов. Нина!":)

    Восхищаюсь и жму руку.
    Очень хочу пройти ликбез ин-та благодаря твоим постам.

    ОтветитьУдалить
    Ответы
    1. Света, спасибо за хорошие слова.
      Да, мне это интересно, я с удовольствием изучаю нюансы блогостроения. Тем более, что многолетний опыт программиста мне в этом очень помогает.

      А по поводу ликбеза - все в твоих руках. Успехов!

      Удалить
  3. Нинусь,а тебе не кажется, что это загромождение блога - сразу два поиска? (Это я мысли вслух высказываю)

    Я люблю больше Гугл конечно. Но после прочтения твоего предыдущего поста уже установила яндекс-поиск. Вот поэтому и думаю - нужен ли еще один.

    Давай ты отследишь, насколько он полезен и через пару месяцев выложишь окончательный ответ)

    ОтветитьУдалить
    Ответы
    1. Пусть постоят два, потом видно будет. Яндекс поставила, чтобы "подфартить" поисковому роботу. А гугл - есть мысли по поводу гугл адсенз.

      Удалить
  4. Отличная статья! Помню, как сама мучилась, пока установила этот поиск. Вот бы мне тогда эту статью! Думаю очень многим это будет полезно. Спасибо.

    ОтветитьУдалить
    Ответы
    1. Да уж, мне тоже пришлось помучиться. Главное, непонятно, почему гугловский сервис не работает. Я его с одного бока, с другого :), все пыталась получить код той формы, которую я хочу, а не дефолтной. Но так и пришлось идти другим путем.

      Удалить
  5. Нина,классно. С готовым HTML кодом, это очень удобно.И еще мне очень нравится,Нина, что Вы не изображаете из себя "гуру", пишите простым языком. Желаю Вам дальнейших успехов, а я к Вам буду заходить за техническими вопросами.:))

    ОтветитьУдалить
    Ответы
    1. Спасибо, Вера, что заходите на мой блог. Постараюсь и в дальнейшем не разочаровать Вас, публикуя разные "полезности".

      Удалить
  6. Как всегда отличная информация! Желаю удачи и дальнейших успехов!

    ОтветитьУдалить
  7. "Убила" хороших пару часов, чтобы в конечном итоге найти то, что мне надо - на твоем сайте. Сам сервис Гугл выдает форму в виде скрипта, а его (где-то читала) не рекомендуют ставить в виджеты)) а так как я не дружу со скриптами, то хотелось-бы найти что-то более простое, в виде HTML.За это тебе огромное спасибо!
    P.S."схожу" еще почитаю инструкцию и по Яндексу.

    ОтветитьУдалить
    Ответы
    1. Ира, я "убила" на форму Гугла гораздо больше времени, так что тебе еще повезло. Но не это важно, главное, чтобы все установилось и работало. Чего тебе и желаю

      Удалить
  8. Здравствуйте! Установила поиск, все по инструкции! Пробую найти что-то по блогу в ответ в поисковой строке выдает всякую краказябру типа "я▐Б■°п©Б∙║п©Б∙ёя▐Б■▄я" и "цветСв". Не подскажете как исправить ситуацию?

    ОтветитьУдалить
    Ответы
    1. Ольга, трудно что-либо сказать, не видя воочию того, что у Вас в коде. На блоге Вашем я формы поиска не нашла. Правда, возможно, что мой интернет не все подгрузил, в последнее время он барахлит.
      Могу посоветовать пока только одно: скопированный у меня код вставить в Notepad++, удалить в нем все лишнее (то есть, оставить чисто только то, что написано в коде у меня) и это уже вставить на блог. Возможно, поможет. Ах, да! В Notepad++ "поиграйтесь" с кодировками, сохраняйте и проверяйте, сохраняйте в другой и опять проверяйте. Скорее всего, дело именно в кодировке.

      Удалить