Поиск по блогу | Blogger

Родной поиск по блогу в Blogger

Он изначально встроен в Blogger. Работает даже когда доступ к блогу закрыт. Алгоритмы сортировки не столь хороши, как у поиска по сайту Яндекса или как у аналогичного сервиса Google, но вполне приемлемы.

Пример:

Чтобы установить форму поиска, нужно на вкладке «Дизайн» добавить гаджет «HTML/JavaScript» с кодом:

<form method="get" action="/search"><input name="q" placeholder="поиск по блогу" /> <input type="submit" value="искать" /></form>

Гаджет «Окно поиска»

На вкладке «Дизайн» платформа Blogger предоставляет возможность добавить гаджет «Окно поиска». Он сортирует только страницы, проиндексированные Google.

Можно переделать его внешний вид на свой лад, перейдя на вкладку «Шаблон» и изменив фрагмент кода (см. как искать фрагмент кода в шаблоне Blogspot):

<b:widget id='CustomSearch1' locked='false' title='Поиск по этому блогу' type='CustomSearch'>
           .............
<!-- override gsearch.css -->
    <style type='text/css'>
      /* здесь можно изменить или добавить стиль */
    </style>
           ..............
</b:widget>

Вид формы определяется селекторами:

input.gsc-input {
  /* поле, куда нужно вводить текст */
}
input.gsc-search-button {
  /* кнопка "Поиск" */
}

Вид таблицы с результатами поиска определяется селекторами:

#uds-searchControl {
  /* весь контейнер */
}
#uds-searchControl .gsc-tabhInactive {
  /* верхняя неактивная вкладка */
}
#uds-searchControl .gsc-tabhActive {
  /* верхняя активная вкладка */
}
#uds-searchClearResults {
  /* крестик, закрывающий таблицу с результатами */
}
#uds-searchControl .gsc-results {
  /* прямоугольник с содержанием */
}
#uds-searchControl .gs-result .gs-title {
  /* поле с названием статьи */
}
#uds-searchControl .gs-result .gs-visibleUrl {
  /* адрес блога */
}
#uds-searchControl .gs-result .gs-snippet {
  /* резюме найденного */
}
#uds-searchControl .gs-result .gs-snippet b {
  /* искомое слово в резюме, в данном примере "HTML" */
}
#uds-searchControl .gsc-results .gsc-cursor-box .gsc-cursor-page {
  /* пагинация (порядковая нумерация страниц) */
}
#uds-searchControl .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  /* цифра текущей страницы */
}

Я одно время использовала данный гаджет. Тогда кусок изменённого мной кода выглядел так: